35 lines
1.0 KiB
JavaScript
35 lines
1.0 KiB
JavaScript
|
import { handleActions } from 'redux-actions';
|
||
|
|
import nanoid from 'nanoid';
|
||
|
|
|
||
|
|
import { addErrorToast, addSuccessToast, removeToast } from '../actions';
|
||
|
|
|
||
|
|
const toasts = handleActions({
|
||
|
|
[addErrorToast]: (state, { payload }) => {
|
||
|
|
const errorToast = {
|
||
|
|
id: nanoid(),
|
||
|
|
message: payload.error.toString(),
|
||
|
|
type: 'error',
|
||
|
|
};
|
||
|
|
|
||
|
|
const newState = { ...state, notices: [...state.notices, errorToast] };
|
||
|
|
return newState;
|
||
|
|
},
|
||
|
|
[addSuccessToast]: (state, { payload }) => {
|
||
|
|
const successToast = {
|
||
|
|
id: nanoid(),
|
||
|
|
message: payload,
|
||
|
|
type: 'success',
|
||
|
|
};
|
||
|
|
|
||
|
|
const newState = { ...state, notices: [...state.notices, successToast] };
|
||
|
|
return newState;
|
||
|
|
},
|
||
|
|
[removeToast]: (state, { payload }) => {
|
||
|
|
const filtered = state.notices.filter(notice => notice.id !== payload);
|
||
|
|
const newState = { ...state, notices: filtered };
|
||
|
|
return newState;
|
||
|
|
},
|
||
|
|
}, { notices: [] });
|
||
|
|
|
||
|
|
export default toasts;
|