From 583578b31592b3c0e7f5ae6ad3f83e99e64fb6ff Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sat, 27 Apr 2024 19:53:59 +0330
Subject: [PATCH] feat: close notepad on escape

---
 src/components/toolbox/notepad/notepad.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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