Tidy up reducer.

bikeshop_project/assets/js/bikes/actions.js

@@ -4,4 +4,3 @@ export const fetchBikes = createAction('fetch bikes');
 export const setBikes = createAction('set bikes');
 export const setBikesIsFetching = createAction('set bikes.isFetching');
 export const setBikesFetched = createAction('set bikes.fetched');
-export const setBike = createAction('set bike');

bikeshop_project/assets/js/bikes/components/BikeTable/index.jsx

@@ -68,7 +68,7 @@ class BikeTableComponent extends React.Component {
 
   render() {
     if (this.props.bikes.fetched) {
-      const bikeRows = renderBikes(Object.values(this.props.bikes.entities['bikes'] || []));
+      const bikeRows = renderBikes(Object.values(this.props.bikes.entities));
       return (
         <div className="mdl-grid">
           <div className="mdl-cell mdl-cell--12-col">
@@ -107,7 +107,7 @@ class BikeTableComponent extends React.Component {
 }
 
 const mapStateToProps = state => ({
-  bikes: state.bikes.bikes,
+  bikes: state.bikes,
 });
 
 const mapDispatchToProps = dispatch => ({

bikeshop_project/assets/js/bikes/reducers.js

@@ -1,27 +1,17 @@
-import { setBike, setBikes, setBikesIsFetching, setBikesFetched } from './actions';
+import { setBikes, setBikesFetched, setBikesIsFetching } from './actions';
 import { handleActions } from 'redux-actions';
 
 export default handleActions({
   [setBikes]: (state, action) => ({
     ...state,
-    bikes: action.payload,
+    entities: action.payload.entities.bikes,
   }),
   [setBikesIsFetching]: (state, action) => ({
     ...state,
-    bikes: {
+    isFetching: action.payload,
-      ...state.bikes,
-      isFetching: action.payload,
-    },
   }),
   [setBikesFetched]: (state, action) => ({
     ...state,
-    bikes: {
+    fetched: action.payload,
-      ...state.bikes,
-      fetched: action.payload
-    }
   }),
-  [setBike]: (state, action) => ({
+}, { entities: {}, isFetching: false, fetched: false });
-    ...state,
-    ...action.payload,
-  }),
-}, { bikes: [], bike: undefined });

bikeshop_project/assets/js/bikes/sagas.js

@@ -11,7 +11,7 @@ function* fetchBikes(action) {
     yield put({ type: setBikesIsFetching.toString(), payload: true });
     const bikes = yield call(Api.fetchBikes);
     yield put({ type: setBikes.toString(), payload: normalize(bikes, schema.bikes) });
-    yield put({ type: setBikesFetched, payload: true });
+    yield put({ type: setBikesFetched.toString(), payload: true });
   } catch (e) {
     yield put({ type: 'BIKES_FETCH_FAILED', message: e.message });
     throw e;