add sidebar and infinite scroll

src/App.js

@@ -1,20 +1,36 @@
 import React, {Component} from 'react';
-import './App.css';
 import {Flow} from './Flows';
 import {Title} from './Title';
+import {Sidebar} from './Sidebar';
 
 class App extends Component {
-    show_details(info) {
+    constructor(props) {
+        super(props);
+        this.state={
+            sidebar_title: null,
+            sidebar_content: null,
+        };
+    }
 
+    show_sidebar(title,content) {
+        this.setState({
+            sidebar_title: title,
+            sidebar_content: content,
+        });
     }
 
     render() {
         return (
             <div>
-                <Title />
+                <Title callback={this.show_sidebar.bind(this)} />
                 <div className="left-container">
-                    <Flow callback={(info)=>this.show_details(info)} mode="list" />
+                    <Flow callback={this.show_sidebar.bind(this)} mode="list" />
                 </div>
+                <Sidebar do_close={()=>{
+                    this.setState({
+                        sidebar_content: null,
+                    });
+                }} content={this.state.sidebar_content} title={this.state.sidebar_title} />
             </div>
         );
     }