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.
47 lines
1.1 KiB
47 lines
1.1 KiB
// ------------------------------------
|
|
// 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
|
|
}
|
|
|