escape to close modals

Author: Koustavd18

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

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}