Esc key press to close querier modal (#434)

parseablehq · Jan 23, 2025 · f8942f6 · f8942f6
1 parent fe5590b
commit f8942f6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/pages/Stream/components/Querier/index.tsx b/src/pages/Stream/components/Querier/index.tsx
@@ -107,6 +107,20 @@ const QuerierModal = (props: {
 		}
 	}, [showQueryBuilder]);
 
+	useEffect(() => {
+		const handleKeyPress = (event: { key: string }) => {
+			if (event.key === 'Escape') {
+				onClose();
+			}
+		};
+
+		window.addEventListener('keydown', handleKeyPress);
+
+		return () => {
+			window.removeEventListener('keydown', handleKeyPress);
+		};
+	}, []);
+
 	return (
 		<Modal
 			opened={showQueryBuilder}