fix: missing error messages

This commit is contained in:
Sérgio Salgado 2022-10-11 23:46:33 +01:00
parent c0ce1a0c42
commit 7532b5c904
14 changed files with 93 additions and 65 deletions

View file

@ -4,6 +4,7 @@ import { Formik, Form, Field } from 'formik'
import * as R from 'ramda'
import React from 'react'
import ErrorMessage from 'src/components/ErrorMessage'
import Stepper from 'src/components/Stepper'
import { HoverableTooltip } from 'src/components/Tooltip'
import { Button } from 'src/components/buttons'
@ -94,6 +95,10 @@ const styles = {
},
errorMessage: {
color: errorColor
},
stepErrorMessage: {
maxWidth: 275,
marginTop: 25
}
}
@ -284,6 +289,11 @@ const WizardStep = ({
= {numberToFiatAmount(cassetteTotal(values))}{' '}
{fiatCurrency}
</P>
{!R.isEmpty(errors) && (
<ErrorMessage className={classes.stepErrorMessage}>
{R.head(R.values(errors))}
</ErrorMessage>
)}
</div>
</div>
</div>