enabled escape key press for dialog

Taylor-CCB-Group · Feb 13, 2025 · 1c124f5 · 1c124f5
1 parent 3ed6712
commit 1c124f5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git 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
@@ -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)",