feat: add operator info page

feat: save/load operator info

feat: add formik switch component

feat: add input validation

fix: correct formik switch behaviour

fix: change infoCardEnabled to a radio input

style: move styles out of js

feat: add error feedback
This commit is contained in:
Luis Félix 2020-01-15 22:41:47 +00:00 committed by Josh Harvey
parent b9d2341cd1
commit 7b59e36cb4
10 changed files with 516 additions and 18 deletions

View file

@ -0,0 +1,54 @@
import { offColor } from 'src/styling/variables'
const styles = {
header: {
display: 'flex',
'& > button': {
border: 'none',
backgroundColor: 'transparent',
marginLeft: 20,
cursor: 'pointer'
}
},
section: {
marginBottom: 52
}
}
const contactInfoStyles = {
row: {
display: 'flex',
justifyContent: 'space-between',
marginBottom: 28,
'&:last-child': {
marginBottom: 0
}
},
infoMessage: {
display: 'flex',
marginBottom: 52,
'& > p': {
width: 330,
color: offColor,
marginTop: 4,
marginLeft: 16
}
},
radioButtonsRow: {
height: 60
},
radioButtons: {
display: 'flex',
flexDirection: 'row'
},
submit: {
justifyContent: 'flex-start',
padding: [[0, 4, 4, 4]],
height: 20,
'& > button': {
marginRight: 40
}
}
}
export { styles, contactInfoStyles }