UIE Handlers Prototype.js

UIE Handlers Prototype.js

const createUIEHandler = (type, onFunction, handleFunction) => {
    return {
        type,
        onFunction: (payload) => {
            return {
                type,
                payload: onFunction(payload)
            };
        },
        handleFunction
    };
}

export const UIEHandlers = {
    "CLICK_BACK_BUTTON": createUIEHandler("CLICK_BACK_BUTTON",
        () => {},
        (state, action) => {
            return state;
        }
    ),
    // ...
    // ...
    // ... etc ...
    "RENDER_BUILD_DETAILS": createUIEHandler("RENDER_BUILD_DETAILS",
        (singleBuild) => {
            singleBuild
        },
        (state, {payload}) => {
            // Change the store to represent that a specific PartyStrat is on display.
            // The BuildDetails component will use this value to know which build to display and interact with.
            const {singleBuild} = payload;
            return {
                ...state,
                isVisible: true,
                activeBuild: singleBuild
            };
        }
    )
};

export const reducer = (state = defaultState, action) => {
    const {type} = action;
    if (UIEHandlers.hasOwnProperty(type)) {
        const {handleFunction} = UIEHandlers[type];
        return handleFunction(state, action);
    }
    return state;
}