Mirrors/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-02-28 00:53:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

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
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}>