mcr_post_07

mcr_post_07.jsx

// Similar to the higher-order action creator, we accept a mapping of async
// states and action types, except this time, for convenience, in reverse.
// We then yield a reducer
const loadStateReducer = (asyncStates) => {  
  return (state = { loading: false, loaded: false, data: null }, action) {
    const asyncState = asyncStates[action.type]

    switch (asyncState) {
      case 'pending':
        return {
          loading: true,
          loaded: false,
          data: state.data
        }
      case 'error':
        return {
          loading: false,
          loaded: false,
          error: action.payload,
          data: state.data
        }
      case 'complete':
        return {
          loading: false,
          loaded: true,
          data: action.payload
        }
      default:
        return state
    }
  }
}