Renames colors to posts

Author: alexgorbatchev

src/store/colors/actions.ts

@@ -2,7 +2,7 @@ import thunk from 'redux-thunk';
 import { createStore, combineReducers, compose, applyMiddleware } from 'redux';
 import { browserHistory } from 'react-router';
 import { counterReducer } from './counter';
-import { colorsReducer, fetchColors } from './colors';
+import { postsReducer, fetchPosts } from './posts';
 
 const { syncHistoryWithStore, routerReducer } = require('react-router-redux');
 
@@ -17,7 +17,7 @@ if (DEVELOPMENT) {
 
 const reducer = combineReducers({
   counter: counterReducer,
-  colors: colorsReducer,
+  colors: postsReducer,
   routing: routerReducer
 });
 const initialState = {};
@@ -27,6 +27,6 @@ const store = createStore(reducer, initialState, enhancer);
 // Create an enhanced history that syncs navigation events with the store
 const history = syncHistoryWithStore(browserHistory, store);
 
-store.dispatch(fetchColors());
+store.dispatch(fetchPosts());
 
 export { store, history };

src/store/colors/constants.ts

@@ -0,0 +1,24 @@
+import { REQUEST_POSTS, RECEIVE_POSTS, IPost } from './';
+import { IAction, IThunk, IData } from '../interfaces';
+import fetch from 'isomorphic-fetch';
+
+export interface IPostsAction extends IAction {
+  items: Array<IPost>;
+}
+
+export function requestPosts(): IPostsAction {
+  return { type: REQUEST_POSTS, items: null };
+}
+
+export function receivePosts(json: IData): IPostsAction {
+  return { type: RECEIVE_POSTS, items: json.data };
+}
+
+export function fetchPosts(): IThunk {
+  return function(dispatch) {
+    dispatch(requestPosts());
+    return fetch('/fixtures/posts.json')
+      .then(response => response.json())
+      .then(json => dispatch(receivePosts(json)));
+  };
+}

src/store/colors/state.ts

@@ -0,0 +1,2 @@
+export const REQUEST_POSTS: string = 'REQUEST_POSTS';
+export const RECEIVE_POSTS: string = 'RECEIVE_POSTS';

src/store/index.ts

@@ -1,20 +1,20 @@
 import {
-  RECEIVE_COLORS,
-  REQUEST_COLORS,
-  IColorsState,
-  IColorAction,
+  RECEIVE_POSTS,
+  REQUEST_POSTS,
+  IPostsState,
+  IPostsAction,
 } from './';
 
-const initialState: IColorsState = {
+const initialState: IPostsState = {
   isFetching: false,
   items: [],
 };
 
-export function colorsReducer(state: IColorsState = initialState, action: IColorAction): IColorsState {
+export function postsReducer(state: IPostsState = initialState, action: IPostsAction): IPostsState {
   switch (action.type) {
-    case RECEIVE_COLORS:
+    case RECEIVE_POSTS:
       return Object.assign({}, state, { items: action.items, isFetching: false });
-    case REQUEST_COLORS:
+    case REQUEST_POSTS:
       return Object.assign({}, state, { isFetching: true });
     default:
       return state;

src/store/posts/actions.ts

@@ -0,0 +1,9 @@
+export interface IPost {
+  color: string;
+  value: string;
+}
+
+export interface IPostsState {
+  isFetching: boolean;
+  items: Array<IPost>;
+}