1 files changed, 46 insertions, 0 deletions
diff --git a/client/app.js b/client/app.js
new file mode 100644
index 00000000..6c008ec6
--- /dev/null
+++ b/client/app.js
@@ -0,0 +1,46 @@
+import React, { Component } from 'react'
+import { ConnectedRouter } from 'connected-react-router'
+import { Route, Switch } from 'react-router'
+
+import { Header, Sidebar, Footer } from './common'
+import * as Metadata from './metadata'
+import * as Search from './search'
+import * as Review from './review'
+
+export default class App extends Component {
+  render() {
+    return (
+      <ConnectedRouter history={this.props.history}>
+        <div>
+          <Header />
+          <div className='app'>
+            <Route path="/metadata/" component={Sidebar} />
+            <div className='body'>
+              <Route path="/search/" component={Search.Menu} />
+              <Route path="/metadata/:hash/" component={Metadata.Heading} />
+              <Switch>
+                <Route exact path="/metadata/:hash/summary/" component={Metadata.Summary} />
+                <Route exact path="/metadata/:hash/mediaRecord/" component={Metadata.MediaRecord} />
+                <Route exact path="/metadata/:hash/mediaInfo/" component={Metadata.MediaInfo} />
+                <Route exact path="/metadata/:hash/keyframe/:frame/" component={Metadata.KeyframeSingle} />
+                <Route exact path="/metadata/:hash/keyframe/" component={Metadata.KeyframeList} />
+                <Route exact path="/metadata/:hash/coco/" component={Metadata.Coco} />
+                <Route exact path="/metadata/:hash/places365/" component={Metadata.Places365} />
+                <Route exact path="/metadata/:hash/sugarcube/" component={Metadata.Sugarcube} />
+                <Route exact path="/metadata/:hash/" component={Metadata.Summary} />
+                <Route exact path="/metadata/" render={() => <div className='notFound'><h4>NOT FOUND</h4></div>} />
+                <Route exact path="/search/" component={Search.Container} />
+                <Route exact path="/search/keyframe/:verified/:hash/:frame/" component={Search.Container} />
+                <Route exact path="/search/keyframe/:hash/:frame/" component={Search.Container} />
+                <Route exact path="/search/browse/:hash/" component={Search.Browse} />
+                <Route exact path="/search/random/" component={Search.Random} />
+                <Route exact path="/search/review/" component={Review.Saved} />
+              </Switch>
+            </div>
+          </div>
+          <Footer />
+        </div>
+      </ConnectedRouter>
+    )
+  }
+}