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,11 +17,8 @@ export default class App extends React.Component {
     return (
       <div className="App">
         <NavBar />
-        <div className="container">
-          <div className="row">
-            <div className="col-md-6">
-              <br />
         <Switch>
+          <Route exact path="/" component={Dashboard} />
           <Route
             exact path="/register"
             render={() => (
@@ -37,17 +35,9 @@ export default class App extends React.Component {
               />
             )}
           />
-                <Route
+          <Route exact path="/logout" component={Logout} />
-                  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 && (