diff --git a/new-lamassu-admin/src/pages/Notifications/sections/FiatBalanceAlerts.js b/new-lamassu-admin/src/pages/Notifications/sections/FiatBalanceAlerts.js index f17c08f2..f7368b67 100644 --- a/new-lamassu-admin/src/pages/Notifications/sections/FiatBalanceAlerts.js +++ b/new-lamassu-admin/src/pages/Notifications/sections/FiatBalanceAlerts.js @@ -17,7 +17,8 @@ import styles from './FiatBalanceAlerts.styles.js' const useStyles = makeStyles(styles) -const NAME = 'fiatBalanceAlerts' +const CASH_IN_KEY = 'fiatBalanceAlertsCashIn' +const CASH_OUT_KEY = 'fiatBalanceAlertsCashOut' const DEFAULT_NUMBER_OF_CASSETTES = 2 const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => { @@ -36,9 +37,13 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => { DEFAULT_NUMBER_OF_CASSETTES ) - const editing = isEditing(NAME) - const schema = Yup.object().shape({ + fillingPercentageCashbox: Yup.number() + .transform(transformNumber) + .integer() + .min(min) + .max(max) + .nullable(), fillingPercentageCassette1: Yup.number() .transform(transformNumber) .integer() @@ -71,6 +76,7 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => { validateOnChange={false} enableReinitialize initialValues={{ + fillingPercentageCashbox: data?.fillingPercentageCashbox ?? '', fillingPercentageCassette1: data?.fillingPercentageCassette1 ?? '', fillingPercentageCassette2: data?.fillingPercentageCassette2 ?? '', fillingPercentageCassette3: data?.fillingPercentageCassette3 ?? '', @@ -79,52 +85,80 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => { validationSchema={schema} onSubmit={it => save(section, schema.cast(it))} onReset={() => { - setEditing(NAME, false) + setEditing(CASH_IN_KEY, false) + setEditing(CASH_OUT_KEY, false) }}> {({ values }) => ( -
- -
setEditing(NAME, it)} - /> -
- {R.map( - it => ( - <> -
- + + +
setEditing(CASH_IN_KEY, it)} + /> +
+
+
+
+ (x === '' ? '-' : x)} + decoration="%" + width={fieldWidth} /> -
- Cassette {it + 1} - (x === '' ? '-' : x)} - decoration="%" - width={fieldWidth} - /> -
- - ), - R.times(R.identity, maxNumberOfCassettes) - )} -
- +
+
+
+ +
+ +
setEditing(CASH_OUT_KEY, it)} + /> +
+ {R.map( + it => ( + <> +
+ +
+ Cassette {it + 1} + (x === '' ? '-' : x)} + decoration="%" + width={fieldWidth} + /> +
+
+ + ), + R.times(R.identity, maxNumberOfCassettes) + )} +
+ + )} )