Merge branch '59-frontend-routing' into 'master'

59 frontend routing

See merge request !8

app/components/app/App.js

+import React from 'react'
+import { Link } from 'react-router-dom'
+
+import { AppBar } from '@pubsweet/ui'
+
+const App = ({ children }) => (
+  <div>
+    <AppBar
+      brand="eLife"
+      navLinkComponents={[<Link to="/">Dashboard</Link>]}
+      onLogoutClick={() => {
+        /* empty function for now */
+      }}
+      user={{ username: 'Dummy User', admin: true }}
+    />
+    <div>{children}</div>
+  </div>
+)
+
+export default App

app/components/app/App.md

+## App Component
+
+The aim of this component is to group things that are shared by apps (like the navbar). This is similar to [xpub app] (https://gitlab.coko.foundation/pubsweet/pubsweet/tree/master/packages/components/packages/xpub-app).

app/components/dashboard/Dashboard.js

+import React from 'react'
+import { Link } from 'react-router-dom'
+
+const Dashboard = () => (
+  <div>
+    <h1>Dashboard Dummy Page</h1>
+    <Link to="/submit">Submit a manuscript</Link>
+  </div>
+)
+
+export default Dashboard

app/components/dashboard/Dashboard.md

+## Dashboard Component
+
+TODO this needs to be implemented
+
+This should provide a list of manuscripts.

app/components/index.js

+export { default as App } from './app/App'
+export { default as Dashboard } from './dashboard/Dashboard'
+export { default as Login } from './login/Login'
+export { default as Submission } from './submission/Submission'

app/components/login/Login.js

+import React from 'react'
+
+const Login = () => <div>Login Dummy Page</div>
+
+export default Login

app/components/login/Login.md

+## Login Component
+
+TODO this needs to be implemented/replaced with pubsweet login
+
+This should provide a login component. It will probably end being just an ORCID button.

app/components/submission/Submission.js

+import React from 'react'
+
+const Submission = () => <div>Submission Dummy Page</div>
+
+export default Submission

app/components/submission/Submission.md

+## Submission component
+
+This should provide a submission form for manuscripts.

app/routes.js

 import React from 'react'
+import { Route, Switch } from 'react-router-dom'
 
-const Routes = () => <div>TODO</div>
+import { App, Dashboard, Submission, Login } from './components'
+
+/*
+ * TODO: implement login/signup and wrap Component in AuthenticatedComponent:
+ * <AuthenticatedComponent>
+ *   <Component {...props}>
+ * </AuthenticatedComponent>
+ */
+const PrivateRoute = ({ component: Component, ...rest }) => (
+  <Route {...rest} render={props => <Component {...props} />} />
+)
+
+const Routes = () => (
+  <App>
+    <Switch>
+      <Route component={Login} exact path="/login" />
+      <PrivateRoute component={Submission} exact path="/submit" />
+      <PrivateRoute component={Dashboard} path="/" />
+    </Switch>
+  </App>
+)
 
 export default Routes