Revize 7aa6893d

button openable dialog now closes correctly

re #9741

frontend/src/features/Reusables/ButtonOpenableDialog.tsx

@@ -10 +10 @@
     buttonVariant: 'text' | 'outlined' | 'contained' // the variant of the button that opens the dialog
     children: ReactNode // the content of the dialog
     maxWidth?: 'xs' | 'sm' | 'md' | 'lg' // the max width of the dialog
+    open: boolean,
+    setOpen: (open: boolean) => void
 }
 
 
@@ -22 +24 @@
     buttonVariant,
     children,
     maxWidth,
+    open,
+    setOpen
 }) => {
-    const [open, setOpen] = useState(false)
 
     // Change maxWidth to large if its undefined
     maxWidth = maxWidth ?? 'lg'

frontend/src/features/TrackingTool/Upload/FileUpload.tsx

@@ -26 +26 @@
 
     const [filename, setFilename] = useState<string | undefined>(undefined)
     const [fileProcessing, setFileProcessing] = useState(false)
+    const [open, setOpen] = useState(false)
 
     const validationSchema = yup.object().shape({
         file: yup.mixed().required('File is required'),
@@ -74 +75 @@
             buttonVariant="contained"
             onCloseCallback={onClose}
             maxWidth="xs"
+            open={open}
+            setOpen={setOpen}
         >
             <DialogTitle>Upload New File</DialogTitle>
             <DialogContent>

frontend/src/features/TrackingTool/Upload/GeoJsonImportDialog.tsx

@@ -16 +16 @@
 
     const [filename, setFilename] = useState<string | undefined>(undefined)
     const [fileProcessing, setFileProcessing] = useState(false)
+    const [open, setOpen] = useState(false)
 
     const validationSchema = yup.object().shape({
         file: yup.mixed().required('File is required'),
@@ -40 +41 @@
         }
         setFilename(undefined)
         formik.resetForm()
+        setOpen(false)
     }
 
     const onClearSelectedFile = () => {
@@ -60 +62 @@
                     console.log(pathVariant)
                     // Merge current path variant with the new one
                     dispatch(mergeWithCurrentPath(pathVariant))
+                    onClose()
                 } catch (e: any) {
                     dispatch(
                         showNotification({
@@ -80 +83 @@
             buttonText="Import"
             buttonColor="primary"
             buttonVariant="contained"
-            onCloseCallback={() => {}}
+            onCloseCallback={onClose}
             maxWidth="xs"
+            open={open}
+            setOpen={setOpen}
         >
             <DialogTitle>Import Path</DialogTitle>
             <DialogContent>