reducer.js

import { combineReducers } from 'redux'
import { PENDING, FULFILLED, REJECTED } from 'redux-promise-middleware'
import { 
  FETCH_DATA,
  FETCH_BANNERS,
  FETCH_DESTINATION
} from '../actions/index'



export const data = (state = {
  items: '',
}, action) => {
  switch (action.type){
    case `${FETCH_DATA}`: 
      return {
        ...state,
        items: 'This is data from redux'
      }

    default: 
      return state
  }
}


export const destinations = (state = {
  isFetching: false,
  items: []
}, action) => {
  switch (action.type){
    case `${FETCH_DESTINATION}_PENDING`:
      return {
        ...state,
        isFetching: true
      }

    case `${FETCH_DESTINATION}_FULFILLED`:
      console.log(action.payload)
      return {
        ...state,
        isFetching: false,
        items: action.payload
      }

    case `${FETCH_DESTINATION}_REJECTED`:
      return {
        ...state
      }
    

    default:
      return state
  }
}



export const banners = (state = {
  isFetching: false,
  items: []
}, action) => {
  switch (action.type){
    case `${FETCH_BANNERS}_PENDING`:
      return {
        ...state,
        isFetching: true
      }

    case `${FETCH_BANNERS}_FULFILLED`:
      console.log(action.payload)
      return {
        ...state,
        isFetching: false,
        items: action.payload
      }

    case `${FETCH_BANNERS}_REJECTED`:
      return {
        ...state
      }

    default:
      return state
  }
}



const rootReducer = combineReducers({
  data,
  banners,
  destinations
})

export default rootReducer