[ABANDONED] React/Redux front end for the Flexor social network.
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.
 
 

76 lines
2.0 KiB

import { Reducer } from 'redux'
import { FormsActions } from '../actions/forms'
import { FormsState } from '../types'
const initialState: FormsState = {
form: {},
notification: undefined,
}
const reducer: Reducer<FormsState, FormsActions> = (state = initialState, action) => {
switch (action.type) {
case 'FORMS_INIT':
return {
form: {},
notification: undefined,
}
case 'FORMS_INIT_FIELD':
return {
...state,
form: {
...state.form,
[action.payload]: {
name: action.payload,
},
},
}
case 'FORMS_SET_FIELD_VALUE': {
const field = state.form[action.payload.name]
return {
...state,
form: {
...state.form,
[action.payload.name]: {
...field,
value: action.payload.value,
notification: undefined,
},
},
}
}
case 'FORMS_SET_FORM_NOTIFICATION':
const { type, message } = action.payload
return {
...state,
notification: {
type,
message,
},
}
case 'FORMS_SET_FIELD_NOTIFICATION': {
const { name, type, message } = action.payload
const field = state.form[name]
return {
...state,
form: {
...state.form,
[name]: {
...field,
notification: {
type,
message,
},
},
},
}
}
default:
return state
}
}
export default reducer