lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: use useEfect for focus

Browse source
This commit is contained in:
Nikola Ubavic 2021-12-22 22:02:57 +01:00
parent 79c2aa8988
commit 2033b43b69
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
new-lamassu-admin/src/pages/Maintenance/Wizard/WizardStep.js
View file

@ -139,6 +139,11 @@ const WizardStep = ({
R.clamp(0, 100) R.clamp(0, 100)
) )
const textInput = React.useRef(null)
React.useEffect(() => {
textInput.current?.children[0].children[0]?.focus()
}, [step])
return ( return (
<div className={classes.content}> <div className={classes.content}>
<div className={classes.titleDiv}> <div className={classes.titleDiv}>
@ -277,7 +282,7 @@ const WizardStep = ({
placeholder={originalCassetteCount.toString()} placeholder={originalCassetteCount.toString()}
name={cassetteField} name={cassetteField}
className={classes.cashboxBills} className={classes.cashboxBills}
autoFocus innerRef={textInput}
/> />
<P> <P>
{cassetteDenomination} {fiatCurrency} bills loaded {cassetteDenomination} {fiatCurrency} bills loaded