import { combineReducers } from 'redux'
import { PENDING, FULFILLED, REJECTED } from 'redux-promise-middleware'
import {
  FETCH_DATA,
  FETCH_BANNERS
} 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 banners = (state = {
  isFetching: false,
  items: []
}, action) => {
  switch (action.type){
    case `${FETCH_BANNERS}_PENDING`:
      return {
        ...state,
        isFetching: true
      }

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

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

    default:
      return state
  }
}




const rootReducer = combineReducers({
  data,
  banners
})

export default rootReducer