commonReducer.js

const AsyncState = {
  idle: 'idle',
  loading: 'loading',
  loaded: 'loaded',
  error: 'error' 
}

const initialState = {
  user: {
    data: {},
    asyncState: AsyncState.idle,
  },
}

export default (state = initialState, action) => {
  switch (action.type) {
    case 'GET_USER_REQUEST':
      return {
        ...state,
        user: {
          ...state.user,
          asyncState: AsyncState.loading
        }
      }
    case 'GET_USER_SUCCESS': 
      return {
        ...state,
        user: {
          ...state.user,
          data: action.payload.result,
          asyncState: AsyncState.loaded
        }
      }
    case 'GET_USER_FAILED':
      return {
        ...state,
        user: {
          ...state.user,
          asyncState: AsyncState.error,
          error: action.payload.error
        }
      }
    
    default:
      return state
  }
}