Primitive dashboard display

app/actions/actions.jsx

@@ -64,8 +64,13 @@ export let fetchItems = () => {
                 dispatch(finishFetch());
             })
             .catch((err) => {
-                dispatch(errorMessage(err.response.data.message));
-                dispatch(finishFetch());
+                if (err.response) {
+                    dispatch(errorMessage(err.response.data.message));
+                    dispatch(finishFetch());
+                } else {
+                    dispatch(errorMessage('Oops. Something went wrong! Try again.'));
+                    dispatch(finishFetch());
+                }
             })
     } 
 }

app/components/Dashboard.jsx

@@ -1,24 +1,47 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import {Redirect, withRouter} from 'react-router-dom'
+import * as actions from 'actions';
 
 class DashBoard extends Component {
     constructor(props) {
         super(props);
     }
+    componentWillMount() {
+        this.props.dispatch(actions.fetchItems());
+    }
     render() {
+    let {items} = this.props;
+    let renderItems = () => {
+        if (!items) {
+            return
+        }
+        return items.map((item) => {
+            let {action, author} = item.logs[item.logs.length-1];
+            return(<div className="dashboard-item">
+                <p>{item.name}</p>
+                <p>{item.number}</p>
+                <p>{item.state}</p>
+                <p>{`${action} by ${author}`}</p>
+            </div>)
+        })
+    }
+
         if (this.props.auth.token) {
             return (
-                <h2>Here will be dashboard with items.</h2>
+                <div className="dashboard-container">
+                    {renderItems()}
+                </div>
             );
         } else {
-            return <Redirect to='/items/2'/>
+            return <Redirect to='/'/>
         }
     }
 }
 
-export default withRouter(connect(
+export default connect(
     (state) => {
         return state;
     }
-)(DashBoard));
+)(DashBoard);
+

app/components/Home.jsx

@@ -8,18 +8,6 @@ class Home extends Component {
         super(props);
         this.handleSubmit = this.handleSubmit.bind(this);
     }
-    componentWillReceiveProps(nextProps) {
-        console.log('nextProps');
-        if (!nextProps.isLoading) {
-            if (nextProps.auth.error) {
-                console.log('error');
-            } else if (nextProps.auth.token) {
-                console.log('success');
-            } else {
-                console.log('something else');
-            }
-        }
-    }
 
     handleSubmit(e) {
         let {isLoading, auth, dispatch} = this.props

app/styles/app.scss

@@ -1,2 +1,3 @@
 @import "base/variables";
-@import "components/home-form";
+@import "components/home-form";
+@import "components/dashboard";

app/styles/components/_dashboard.scss

@@ -0,0 +1,9 @@
+.dashboard-item {
+    width: 30%;
+}
+
+.dashboard-container {
+    display: flex;
+    align-content: space-around;
+    flex-wrap: wrap;
+}

app/tests/actions/actions.test.jsx

@@ -86,6 +86,7 @@ describe('ASYNC ACTIONS', () => {
             expect(actions[2]).toInclude({type: 'FINISH_FETCH'});
             expect(actions[1]).toInclude({type: 'ADD_ITEMS'});
             expect(actions[1].items).toBeA('array');
+            expect(actions[1].items.length).toBeMoreThan(0);
             done()
         })
         .catch(done);