Merge pull request #269 from near/SQAC-135/close-modal-esc

chore: Close Modal by Pressing the ESC Key
near · Apr 21, 2022 · e9c6562 · e9c6562
2 parents ad9348a + 2868090
commit e9c6562
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/core/src/lib/modal/components/Modal.tsx b/packages/core/src/lib/modal/components/Modal.tsx
@@ -66,6 +66,16 @@ export const Modal: React.FC<ModalProps> = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useEffect(() => {
+    const close = (e: KeyboardEvent) => {
+      if (e.key === "Escape") {
+        handleDismissClick();
+      }
+    };
+    window.addEventListener("keydown", close);
+    return () => window.removeEventListener("keydown", close);
+  }, []);
+
   const handleDismissClick = () => {
     if (isLoading) {
       return;