diff --git a/new-lamassu-admin/src/pages/Maintenance/CashboxHistory.js b/new-lamassu-admin/src/pages/Maintenance/CashboxHistory.js index 3a8277fa..2a98fd35 100644 --- a/new-lamassu-admin/src/pages/Maintenance/CashboxHistory.js +++ b/new-lamassu-admin/src/pages/Maintenance/CashboxHistory.js @@ -9,6 +9,7 @@ import { Link, IconButton } from 'src/components/buttons' import { TextInput } from 'src/components/inputs' import { NumberInput } from 'src/components/inputs/formik' import DataTable from 'src/components/tables/DataTable' +import { ReactComponent as EditIconDisabled } from 'src/styling/icons/action/edit/disabled.svg' import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg' import { ReactComponent as TxInIcon } from 'src/styling/icons/direction/cash-in.svg' import { ReactComponent as TxOutIcon } from 'src/styling/icons/direction/cash-out.svg' @@ -73,6 +74,7 @@ const CashboxHistory = ({ machines, currency }) => { const classes = useStyles() const [error, setError] = useState(false) const [field, setField] = useState(null) + const [editing, setEditing] = useState(false) const { data: batchesData, loading: batchesLoading } = useQuery(GET_BATCHES) @@ -128,10 +130,11 @@ const CashboxHistory = ({ machines, currency }) => { }) }) .catch(setError(true)) - return close(row.id) + return close() } - const close = id => { + const close = () => { + setEditing(false) setField(null) } @@ -222,10 +225,12 @@ const CashboxHistory = ({ machines, currency }) => { if (notEditing(it.id)) return ( { setField({ id: it.id, performedBy: it.performedBy }) + setEditing(true) }}> - + {editing ? : } ) return ( @@ -233,7 +238,7 @@ const CashboxHistory = ({ machines, currency }) => { save(it)}> Save - close(it.id)}> + Cancel