add sidebar and infinite scroll

2018-08-20 17:53:45 +08:00
parent ebc21a268f
commit c807fa04ce
8 changed files with 195 additions and 67 deletions
--- a/src/Sidebar.js
+++ b/src/Sidebar.js
@@ -0,0 +1,18 @@
+import React, {Component} from 'react';
+import './Sidebar.css';
+
+export function Sidebar(props) {
+    return (
+        <div className={props.content ? 'sidebar-on' : ''}>
+            <div className="sidebar-shadow" onClick={props.do_close} />
+            <div className="sidebar">
+                <p>
+                    <a onClick={props.do_close}>×</a>
+                    &nbsp;{props.title}
+                </p>
+                <hr />
+                {props.content}
+            </div>
+        </div>
+    );
+}