diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/Wizard.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/Wizard.js index 82b4af7a..e0167cae 100644 --- a/new-lamassu-admin/src/pages/Maintenance/Wizard/Wizard.js +++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/Wizard.js @@ -76,7 +76,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => { { type: 'cashbox', schema: Yup.object().shape({ - wasCashboxEmptied: Yup.string().required() + wasCashboxEmptied: Yup.string().required('Select one option.') }), cashoutRequired: false }, @@ -84,6 +84,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => { type: 'cassette 1', schema: Yup.object().shape({ cassette1Count: Yup.number() + .label('Bill count') .required() .min(0) .max(CASHBOX_DEFAULT_CAPACITY) @@ -94,6 +95,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => { type: 'cassette 2', schema: Yup.object().shape({ cassette2Count: Yup.number() + .label('Bill count') .required() .min(0) .max(CASHBOX_DEFAULT_CAPACITY) diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js index 857f6a86..71909064 100644 --- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js +++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js @@ -14,7 +14,7 @@ import cashbox from 'src/styling/icons/cassettes/acceptor-left.svg' import cassetteOne from 'src/styling/icons/cassettes/dispenser-1.svg' import cassetteTwo from 'src/styling/icons/cassettes/dispenser-2.svg' import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg' -import { comet } from 'src/styling/variables' +import { comet, errorColor } from 'src/styling/variables' const styles = { content: { @@ -83,6 +83,9 @@ const styles = { }, fiatTotal: { color: comet + }, + errorMessage: { + color: errorColor } } @@ -142,7 +145,7 @@ const WizardStep = ({ initialValues={{ wasCashboxEmptied: '' }} enableReinitialize validationSchema={steps[step - 1].schema}> - {({ values }) => ( + {({ values, errors }) => (
@@ -163,6 +166,11 @@ const WizardStep = ({ options={stepOneRadioOptions} className={classes.horizontalAlign} /> + {errors.wasCashboxEmptied && ( +
+ {errors.wasCashboxEmptied} +
+ )}
- {({ values }) => ( + {({ values, errors }) => (
@@ -269,6 +277,11 @@ const WizardStep = ({ cassetteInfo.denomination}{' '} {fiatCurrency}

+

+ {step === 2 + ? errors.cassette1Count + : errors.cassette2Count} +