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