refactor to use app-rooted js imports

1 files changed, 44 insertions, 0 deletions

diff --git a/frontend/app/app.js b/frontend/app/app.js
new file mode 100644
index 0000000..8dbbd0f
--- /dev/null
+++ b/frontend/app/app.js
@@ -0,0 +1,44 @@
+import React, { Component } from 'react'
+import { ConnectedRouter } from 'connected-react-router'
+import { Route } from 'react-router'
+
+// import actions from 'app/actions'
+
+import * as views from 'app/views'
+
+const viewList = Object.keys(views).map(name => {
+  const view = views[name]
+  let path, exact = false
+  if (name === 'graph') {
+    path = '/:graph_name'
+    exact = true
+  } else if (name === 'page') {
+    path = '/:graph_name/:page_name'
+    exact = true
+  } else {
+    path = '/' + name
+  }
+  return (
+    <Route key={name} path={path} component={view} exact={exact} />
+  )
+})
+
+export default class App extends Component {
+  componentDidMount() {
+    // actions.modelzoo.index()
+  }
+  render() {
+    return (
+      <ConnectedRouter history={this.props.history}>
+        <div className='app'>
+          {viewList}
+          <Route exact key='root' path='/' render={() => {
+            // redirect to index!!
+            setTimeout(() => this.props.history.push('/index'), 10)
+            return null
+          }} />
+        </div>
+      </ConnectedRouter>
+    )
+  }
+}