fix: allow empty values on the text input (but this causes an error)

feat: add an error style to the TextInput
This commit is contained in:
Liordino Neto 2020-04-18 18:59:53 -03:00 committed by Josh Harvey
parent 67090b2cc7
commit 90177aab55

View file

@ -15,6 +15,7 @@ const SelectTriggerType = ({ fiatCurrencyCode }) => {
const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null) const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null)
const [radioGroupValue, setRadioGroupValue] = useState('amount') const [radioGroupValue, setRadioGroupValue] = useState('amount')
const [thresholdValue, setThresholdValue] = useState('') const [thresholdValue, setThresholdValue] = useState('')
const [thresholdError, setThresholdError] = useState(false)
const classes = useStyles() const classes = useStyles()
@ -31,8 +32,12 @@ const SelectTriggerType = ({ fiatCurrencyCode }) => {
} }
const validateThresholdInputIsPositiveInteger = value => { const validateThresholdInputIsPositiveInteger = value => {
if (parseFloat(value) === value >>> 0 && !value.includes('.')) { if (
(parseFloat(value) === value >>> 0 && !value.includes('.')) ||
value === ''
) {
setThresholdValue(value) setThresholdValue(value)
setThresholdError(value === '')
} }
} }
@ -86,6 +91,7 @@ const SelectTriggerType = ({ fiatCurrencyCode }) => {
onChange={event => onChange={event =>
validateThresholdInputIsPositiveInteger(event.target.value) validateThresholdInputIsPositiveInteger(event.target.value)
} }
error={thresholdError}
large large
value={thresholdValue} value={thresholdValue}
/> />