Issue #0000 feat: Modal bug fixes 2

tekdi · Nov 21, 2024 · 5795910 · 5795910
1 parent c9a7466
commit 5795910
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 6 deletions.
diff --git a/src/components/AddBlockModal.tsx b/src/components/AddBlockModal.tsx
@@ -116,7 +116,6 @@ export const AddBlockModal: React.FC<AddBlockModalProps> = ({
 
       const districtCodeArray = districts.map((item: any) => item.value);
       setDistrictCodeArr(districtCodeArray);
-
     } catch (error) {
       console.error("Error fetching districts", error);
     }
@@ -296,7 +295,14 @@ export const AddBlockModal: React.FC<AddBlockModalProps> = ({
     : t("COMMON.ADD_BLOCK");
 
   return (
-    <Dialog open={open} onClose={onClose}>
+    <Dialog
+      open={open}
+      onClose={(event, reason) => {
+        if (reason !== "backdropClick") {
+          onClose();
+        }
+      }}
+    >
       <DialogTitle sx={{ fontSize: "14px" }}>{dialogTitle}</DialogTitle>
       <Divider />
       <DialogContent>

diff --git a/src/components/AddDistrictModal.tsx b/src/components/AddDistrictModal.tsx
@@ -163,7 +163,14 @@ const AddDistrictModal: React.FC<AddDistrictBlockModalProps> = ({
     : t("COMMON.ADD_DISTRICT");
 
   return (
-    <Dialog open={open} onClose={onClose}>
+    <Dialog
+      open={open}
+      onClose={(event, reason) => {
+        if (reason !== "backdropClick") {
+          onClose();
+        }
+      }}
+    >
       <DialogTitle sx={{ fontSize: "14px" }}>{dialogTitle}</DialogTitle>
       <Divider />
       <DialogContent>

diff --git a/src/components/AddStateModal.tsx b/src/components/AddStateModal.tsx
@@ -94,7 +94,7 @@ export const AddStateModal: React.FC<AddStateModalProps> = ({
       newErrors.name = t("COMMON.STATE_NAME_REQUIRED");
     } else if (!isValidName(formData.name.trim())) {
       newErrors.name = t("COMMON.INVALID_TEXT");
-    } 
+    }
 
     if (!formData.value) {
       newErrors.value = t("COMMON.CODE_REQUIRED");
@@ -113,7 +113,14 @@ export const AddStateModal: React.FC<AddStateModalProps> = ({
   };
 
   return (
-    <Dialog open={open} onClose={onClose}>
+    <Dialog
+      open={open}
+      onClose={(event, reason) => {
+        if (reason !== "backdropClick") {
+          onClose();
+        }
+      }}
+    >
       <DialogTitle sx={{ fontSize: "14px" }}>
         {stateId ? t("COMMON.UPDATE_STATE") : t("COMMON.ADD_STATE")}
       </DialogTitle>

diff --git a/src/components/FileUploadDialog.tsx b/src/components/FileUploadDialog.tsx
@@ -33,7 +33,16 @@ const FileUploadDialog: React.FC<FileUploadDialogProps> = ({
 
   return (
     <Box>
-      <Dialog open={open} onClose={onClose} maxWidth="lg" fullWidth>
+      <Dialog
+        open={open}
+        onClose={(event, reason) => {
+          if (reason !== "backdropClick") {
+            onClose();
+          }
+        }}
+        maxWidth="lg"
+        fullWidth
+      >
         <Box sx={{ display: "flex", flexDirection: "column" }}>
           <Box
             sx={{