scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Esc to close options menu

Browse source
This commit is contained in:
Ben Grant 2021-06-01 02:55:24 +10:00
parent 2544f3b312
commit 70085defcf
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
crabfit-frontend/src/components/Settings/Settings.tsx
View file

@ -32,11 +32,20 @@ const Settings = () => {
const setLocale = useLocaleUpdateStore(state => state.setLocale); const setLocale = useLocaleUpdateStore(state => state.setLocale);
const firstControlRef = useRef(); const firstControlRef = useRef();
const onEsc = e => {
if (e.key === 'Escape') {
setIsOpen(false);
}
};
const setIsOpen = open => { const setIsOpen = open => {
_setIsOpen(open); _setIsOpen(open);
if (open) { if (open) {
window.setTimeout(() => firstControlRef.current.focus(), 150); window.setTimeout(() => firstControlRef.current.focus(), 150);
document.addEventListener('keyup', onEsc, true);
} else {
document.removeEventListener('keyup', onEsc);
} }
}; };