Client: file organization

mpwo_client/src/components/App.jsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { Route, Switch } from 'react-router-dom'
 
 import './App.css'
+import Dashboard from './Dashboard'
 import Logout from './Logout'
 import NavBar from './NavBar'
 import UserForm from './User/UserForm'
@@ -16,38 +17,27 @@ export default class App extends React.Component {
     return (
       <div className="App">
         <NavBar />
-        <div className="container">
+        <Switch>
-          <div className="row">
+          <Route exact path="/" component={Dashboard} />
-            <div className="col-md-6">
+          <Route
-              <br />
+            exact path="/register"
-              <Switch>
+            render={() => (
-                <Route
+              <UserForm
-                  exact path="/register"
+                formType={'Register'}
-                  render={() => (
+              />
-                    <UserForm
+            )}
-                      formType={'Register'}
+          />
-                    />
+          <Route
-                  )}
+            exact path="/login"
-                />
+            render={() => (
-                <Route
+              <UserForm
-                  exact path="/login"
+                formType={'Login'}
-                  render={() => (
+              />
-                    <UserForm
+            )}
-                      formType={'Login'}
+          />
-                    />
+          <Route exact path="/logout" component={Logout} />
-                  )}
+        </Switch>
-                />
+     </div>
-                <Route
-                  exact path="/logout"
-                  render={() => (
-                    <Logout />
-                  )}
-                />
-              </Switch>
-            </div>
-          </div>
-        </div>
-      </div>
     )
   }
 }

mpwo_client/src/components/Dashboard/index.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { connect } from 'react-redux'
+
+class Logout extends React.Component {
+  componentDidMount() {}
+  render() {
+    return (
+      <div>
+        <h1>Dashboard</h1>
+      </div>
+    )
+  }
+}
+
+export default connect(
+  state => ({
+    user: state.user,
+  })
+)(Logout)

mpwo_client/src/components/Logout/index.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 
-import { logout } from '../actions'
+import { logout } from '../../actions'
 
 class Logout extends React.Component {
   componentDidMount() {

mpwo_client/src/components/NavBar/index.jsx

@@ -28,7 +28,7 @@ function NavBar (props) {
                   pathname: '/',
                 }}
               >
-                Home
+                Dashboard
               </Link>
             </li>
             {!props.user.isAuthenticated && (