Files
freeCodeCamp/common/app/Flash/redux/index.js
2018-01-18 15:18:42 -08:00

75 lines
1.4 KiB
JavaScript

import _ from 'lodash/fp';
import {
createTypes,
createAction,
composeReducers,
handleActions
} from 'berkeleys-redux-utils';
import ns from '../ns.json';
export const types = createTypes([
'clickOnClose'
], ns);
export const clickOnClose = createAction(types.clickOnClose, _.noop);
export const alertTypes = _.keyBy(_.identity)([
'success',
'info',
'warning',
'danger'
]);
export const getFlashAction = _.flow(
_.property('meta'),
_.property('flash')
);
export const isFlashAction = _.flow(
getFlashAction,
Boolean
);
const defaultState = {
stack: [{ alertType: 'danger', message: 'foo bar' }]
};
const getNS = _.property(ns);
export const latestMessageSelector = _.flow(
getNS,
_.property('stack'),
_.head,
_.defaultTo({})
);
export default composeReducers(
ns,
handleActions(
() => ({
[types.clickOnClose]: (state) => ({
...state,
stack: _.tail(state.stack)
})
}),
defaultState,
),
function metaReducer(state = defaultState, action) {
if (isFlashAction(action)) {
const { payload: { alertType, message } } = getFlashAction(action);
return {
...state,
stack: [
...state.stack,
{
alertType: alertTypes[alertType] || 'info',
message: _.escape(message)
}
]
};
}
return state;
}
);