events-actions-reducers.js

import api from 'utilities/api'

// Actions
const fetchingEvents = () => {
    return {
        type: 'events:fetching'
    }
}

const fetchEventsFailure = (error) => {
    return {
        type: 'events:fetch:failure',
        error: error.msg
    }
}

const fetchEventsSuccess = (data, timestamp) => {
    return {
        type: 'events:fetch:success',
        data,
        timestamp
    }
}

export function fetchAndHandleEvents() {
    return function(dispatch)
    {
        dispatch(fetchingEvents())

        return api.getEvents()
            .then((data) => dispatch(fetchEventsSuccess(data, Date.now())))
            .catch((error) => dispatch(fetchEventsFailure(error)))
    }
}

const initialState = {
    data: [],
    isFetching: false,
    lastUpdated: 0,
    error: ''
}

// Reducer
export default (state = initialState, action) => {
    switch(action.type) {
        case 'events:fetching':
            return {
                ...state,
                isFetching: true,
                error: ''
            }

        case 'events:fetch:failure':
            return {
                ...state,
                isFetching: false,
                error: action.error
            }

        case 'events:fetch:success':
            return {
                ...state,
                data: action.data,
                lastUpdated: action.timestamp,
                isFetching: false,
                error: ''
            }

        default:
            return state
    }
}