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:
parent
67090b2cc7
commit
90177aab55
1 changed files with 7 additions and 1 deletions
|
|
@ -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}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue