You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
7 years ago
|
// ------------------------------------
|
||
|
// Initial State
|
||
|
// ------------------------------------
|
||
|
const initialState = {
|
||
|
modalType: null,
|
||
|
modalProps: {}
|
||
|
}
|
||
|
|
||
|
// ------------------------------------
|
||
|
// Constants
|
||
|
// ------------------------------------
|
||
|
export const SHOW_MODAL = 'SHOW_MODAL'
|
||
|
export const HIDE_MODAL = 'HIDE_MODAL'
|
||
|
|
||
|
// ------------------------------------
|
||
|
// Actions
|
||
|
// ------------------------------------
|
||
|
export function showModal(modalType, modalProps) {
|
||
|
return {
|
||
|
type: SHOW_MODAL,
|
||
|
modalType,
|
||
|
modalProps
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export function hideModal() {
|
||
|
return {
|
||
|
type: HIDE_MODAL
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// ------------------------------------
|
||
|
// Action Handlers
|
||
|
// ------------------------------------
|
||
|
const ACTION_HANDLERS = {
|
||
|
[SHOW_MODAL]: (state, { modalType, modalProps }) => ({ ...state, modalType, modalProps }),
|
||
|
[HIDE_MODAL]: () => initialState
|
||
|
}
|
||
|
|
||
|
// ------------------------------------
|
||
|
// Reducer
|
||
|
// ------------------------------------
|
||
|
export default function modalReducer(state = initialState, action) {
|
||
|
const handler = ACTION_HANDLERS[action.type]
|
||
|
|
||
|
return handler ? handler(state, action) : state
|
||
|
}
|