hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-17 08:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: close notepad on escape

Browse source
This commit is contained in:
MAZE 2024-04-27 19:53:59 +03:30
parent 60f167c4d7
commit 583578b315
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/toolbox/notepad/notepad.tsx
View file

@ -39,6 +39,12 @@ export function Notepad({ onClose, show }: NotepadProps) {
} }
}, [show]); }, [show]);
const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
e.stopPropagation();
if (e.key === 'Escape') onClose();
};
return ( return (
<Modal show={show} wide onClose={onClose}> <Modal show={show} wide onClose={onClose}>
<header className={styles.header}> <header className={styles.header}>
@ -71,7 +77,7 @@ export function Notepad({ onClose, show }: NotepadProps) {
ref={textareaRef} ref={textareaRef}
value={note} value={note}
onChange={e => write(e.target.value)} onChange={e => write(e.target.value)}
onKeyDown={e => e.stopPropagation()} onKeyDown={handleKeyDown}
/> />
<p className={styles.counter}> <p className={styles.counter}>