Close the profile password modal via 'Esc' key

2025-12-08 05:12:36 +01:00 · 2020-09-29 23:25:21 +00:00 · 2020-09-29 23:25:21 +00:00 · 6f929378f0
commit 6f929378f0
parent d67d75a8e7
2 changed files with 24 additions and 0 deletions
--- a/hooks/useEscapeKey.js
+++ b/hooks/useEscapeKey.js
@ -0,0 +1,19 @@
+import { useEffect, useCallback } from 'react';
+
+export default function useEscapeKey(handler) {
+  const escFunction = useCallback(event => {
+    if (event.keyCode === 27) {
+      handler(event);
+    }
+  }, []);
+
+  useEffect(() => {
+    document.addEventListener('keydown', escFunction, false);
+
+    return () => {
+      document.removeEventListener('keydown', escFunction, false);
+    };
+  }, [escFunction]);
+
+  return null;
+}