From 1c124f513584712ed38731b9fe167103ca8a512e Mon Sep 17 00:00:00 2001
From: nawabfurquan <furquannawab@gmail.com>
Date: Thu, 13 Feb 2025 09:55:18 +0000
Subject: [PATCH] enabled escape key press for dialog

---
 src/charts/dialogs/FileUploadDialog.tsx | 11 -----------
 src/charts/dialogs/ReusableDialog.tsx   |  7 ++++++-
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/charts/dialogs/FileUploadDialog.tsx b/src/charts/dialogs/FileUploadDialog.tsx
index 0fc2f80b..bd44df47 100644
--- a/src/charts/dialogs/FileUploadDialog.tsx
+++ b/src/charts/dialogs/FileUploadDialog.tsx
@@ -1453,17 +1453,6 @@ const FileUploadDialogComponent: React.FC<FileUploadDialogComponentProps> =
 
 const Wrapper = (props: FileUploadDialogComponentProps) => {
     const [open, setOpen] = useState(true);
-    useEffect(() => {
-        const handleKeyDown = (event: KeyboardEvent) => {
-            if (event.key === "Escape") {
-                setOpen(false);
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return () => {
-            window.removeEventListener("keydown", handleKeyDown);
-        };
-    }, []);
 
     const handleClose = () => {
         setOpen(false);
diff --git a/src/charts/dialogs/ReusableDialog.tsx b/src/charts/dialogs/ReusableDialog.tsx
index e5ab1599..3f1c39fe 100644
--- a/src/charts/dialogs/ReusableDialog.tsx
+++ b/src/charts/dialogs/ReusableDialog.tsx
@@ -1,5 +1,6 @@
 import { Close } from "@mui/icons-material";
 import { Container, Dialog, IconButton, Paper } from "@mui/material";
+import { useEffect } from "react";
 
 export interface ReusableDialogProps {
     open: boolean;
@@ -12,12 +13,16 @@ const ReusableDialog = ({
     handleClose,
     component,
 }: ReusableDialogProps) => {
+    useEffect(() => {
+        console.log("render");
+    });
+
     return (
         <Dialog
             open={open}
             onClose={handleClose}
             fullScreen
-            disableEscapeKeyDown={true}
+            disableRestoreFocus
             PaperProps={{
                 style: {
                     backgroundColor: "var(--fade_background_color)",