From 63b063504825e415d4527a3be7e84a3611eaa789 Mon Sep 17 00:00:00 2001
From: Koustav <kdkdas8@gmail.com>
Date: Mon, 27 Jan 2025 13:55:07 +0530
Subject: [PATCH] escape to close modals

---
 .../components/SavedCorrelationsModal.tsx          | 13 +++++++++++++
 .../components/Querier/SavedFiltersModal.tsx       | 14 ++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/src/pages/Correlation/components/SavedCorrelationsModal.tsx b/src/pages/Correlation/components/SavedCorrelationsModal.tsx
index a9f544bc..9d1228ce 100644
--- a/src/pages/Correlation/components/SavedCorrelationsModal.tsx
+++ b/src/pages/Correlation/components/SavedCorrelationsModal.tsx
@@ -23,6 +23,19 @@ const SavedCorrelationsModal = () => {
 	}, []);
 
 	const hasNoSavedFilters = _.isEmpty(correlations) || _.isNil(correlations) || fetchCorrelationsError;
+	useEffect(() => {
+		const handleKeyPress = (event: { key: string }) => {
+			if (event.key === 'Escape') {
+				closeModal();
+			}
+		};
+
+		window.addEventListener('keydown', handleKeyPress);
+
+		return () => {
+			window.removeEventListener('keydown', handleKeyPress);
+		};
+	}, []);
 
 	return (
 		<Modal
diff --git a/src/pages/Stream/components/Querier/SavedFiltersModal.tsx b/src/pages/Stream/components/Querier/SavedFiltersModal.tsx
index 6d8a9cb2..fda9011b 100644
--- a/src/pages/Stream/components/Querier/SavedFiltersModal.tsx
+++ b/src/pages/Stream/components/Querier/SavedFiltersModal.tsx
@@ -244,6 +244,20 @@ const SavedFiltersModal = () => {
 		closeModal();
 	}, []);
 
+	useEffect(() => {
+		const handleKeyPress = (event: { key: string }) => {
+			if (event.key === 'Escape') {
+				closeModal();
+			}
+		};
+
+		window.addEventListener('keydown', handleKeyPress);
+
+		return () => {
+			window.removeEventListener('keydown', handleKeyPress);
+		};
+	}, []);
+
 	return (
 		<Modal
 			opened={isSavedFiltersModalOpen}