From 79c2aa8988e24bb65947ec35f777f0ad7bc9da18 Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Tue, 21 Dec 2021 18:17:22 +0100
Subject: [PATCH 1/3] fix: cash cassette wizard autofocus

---
 new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
index d28081c5..db1e242e 100644
--- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
+++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
@@ -277,6 +277,7 @@ const WizardStep = ({
                         placeholder={originalCassetteCount.toString()}
                         name={cassetteField}
                         className={classes.cashboxBills}
+                        autoFocus
                       />
                       <P>
                         {cassetteDenomination} {fiatCurrency} bills loaded

From 2033b43b69e4be9d5f253eaf8fe2a7665d9150ca Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Wed, 22 Dec 2021 22:02:57 +0100
Subject: [PATCH 2/3] fix: use `useEfect` for focus

---
 .../src/pages/Maintenance/Wizard/WizardStep.js             | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
index db1e242e..cb5a1adf 100644
--- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
+++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
@@ -139,6 +139,11 @@ const WizardStep = ({
     R.clamp(0, 100)
   )
 
+  const textInput = React.useRef(null)
+  React.useEffect(() => {
+    textInput.current?.children[0].children[0]?.focus()
+  }, [step])
+
   return (
     <div className={classes.content}>
       <div className={classes.titleDiv}>
@@ -277,7 +282,7 @@ const WizardStep = ({
                         placeholder={originalCassetteCount.toString()}
                         name={cassetteField}
                         className={classes.cashboxBills}
-                        autoFocus
+                        innerRef={textInput}
                       />
                       <P>
                         {cassetteDenomination} {fiatCurrency} bills loaded

From 13c4603de52b27abf4124730a2c0979494b0a351 Mon Sep 17 00:00:00 2001
From: Nikola Ubavic <53820106+ubavic@users.noreply.github.com>
Date: Fri, 7 Jan 2022 17:27:39 +0100
Subject: [PATCH 3/3] fix: revert commit

---
 .../src/pages/Maintenance/Wizard/WizardStep.js             | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
index cb5a1adf..db1e242e 100644
--- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
+++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
@@ -139,11 +139,6 @@ const WizardStep = ({
     R.clamp(0, 100)
   )
 
-  const textInput = React.useRef(null)
-  React.useEffect(() => {
-    textInput.current?.children[0].children[0]?.focus()
-  }, [step])
-
   return (
     <div className={classes.content}>
       <div className={classes.titleDiv}>
@@ -282,7 +277,7 @@ const WizardStep = ({
                         placeholder={originalCassetteCount.toString()}
                         name={cassetteField}
                         className={classes.cashboxBills}
-                        innerRef={textInput}
+                        autoFocus
                       />
                       <P>
                         {cassetteDenomination} {fiatCurrency} bills loaded