FinalProject/src/reducers/PromiseReducer.js

export const PromiseReducer = (state = {}, { type, status, payload, error, name }) => {
    if (type === 'PROMISE') {
        return {
            ...state,
            [name]: { status, payload, error }
        }
    }
    if (type === 'PROMISE_REMOVE') {
        let { [name]: remove, ...newState } = state
        return {
            ...newState
        }
    }
    return state
}

const actionPending = name => ({ type: 'PROMISE', status: 'PENDING', name })
const actionResolved = (name, payload) => ({ type: 'PROMISE', status: 'RESOLVED', name, payload })
const actionRejected = (name, error) => ({ type: 'PROMISE', status: 'REJECTED', name, error })
export const actionClearPromise = (name) => ({ type: 'PROMISE_REMOVE', status: 'RESOLVED', name})

export const actionPromise = (name, promise) =>
    async dispatch => {
        dispatch(actionPending(name))
        try {
            let data = await promise
            dispatch(actionResolved(name, data))
            return data
        } catch (error) {
            dispatch(actionRejected(name, error))
        }
    }