feat: cancel editing on ESC key press (#190)

Dun-sin · Oct 22, 2022 · 2722490 · 2722490 · vercel · Oct 22, 2022
1 parent 3f8eb78
commit 2722490
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/client/src/components/Chat.jsx b/client/src/components/Chat.jsx
@@ -258,6 +258,23 @@ const Chat = () => {
             .timeout(10000)
             .emit('typing', { chatId: currentChatId, isTyping: false });
     };
+
+    // Clear chat when escape is pressed
+    useEffect(() => {
+        const keyDownHandler = event => {
+
+            if (event.key === 'Escape' && editing.isediting) {
+                event.preventDefault();
+                cancelEdit();
+            };
+        }
+
+        document.addEventListener('keydown', keyDownHandler);
+
+        return () => {
+            document.removeEventListener('keydown', keyDownHandler);
+        };
+    }, [editing]);
 
     const handleTypingStatus = debounce((e) => {
         if (e.target.value.length > 0) {