gistfile1.txt

import React, { Component } from 'react';
import './App.css';
import DummyStore from './dummy-store';
import Header from './Header';
import SidebarSection from './SidebarSection';
import NoteSection from './NoteSection';

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      folders: DummyStore.folders,
      notes: DummyStore.notes,
    }
  }

  render() {
    return (
      <div>
        <Header />
        <main>
        <Sidebar>
              <Route
                path='/'
                render={(routerProps) =>
                  <SidebarSection
                    folders={this.state.folders}
                    ...routerProps
                  />
                }
              />
              <Route
                path='/folder/:folderId'
                render={(routerProps) =>
                  <SidebarSection
                    folders={this.state.folders}
                    ...routerProps
                  />
                }
              />
          </SideBar>
          <MainSection>
            <Route
                path='/'
                render={(routerProps) =>
                  <SidebarSection
                    folders={this.state.folders}
                    ...routerProps
                  />
                }
              />
              <Route
                path='/folder/:folderId'
                render={(routerProps) =>
                  <
                    folders={this.state.folders}
                    ...routerProps
                  />
                }
              />
          </MainSection>
        </main>
      </div>
    );
  }
}

export default App;