Update dropzone

swisstopo · Dec 19, 2024 · d912a92 · d912a92
1 parent a5814b4
commit d912a92
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/client/src/pages/detail/attachments/fileDropzone.jsx b/src/client/src/pages/detail/attachments/fileDropzone.jsx
@@ -88,12 +88,14 @@ export const FileDropzone = props => {
         setDropZoneTextColor(defaultDropzoneTextColor);
         setDropZoneText(t(defaultText));
         setFiles(prevFiles => [...prevFiles, ...acceptedFiles]);
-        // set filetype depending on acceptedFileTypes. if contains csv
-        if (acceptedFileTypes.includes("text/csv")) {
-          setFileType("csv");
-        }
-        if (acceptedFileTypes.includes("application/json")) {
-          setFileType("json");
+
+        if (setFileType) {
+          if (acceptedFileTypes.includes("text/csv")) {
+            setFileType("csv");
+          }
+          if (acceptedFileTypes.includes("application/json")) {
+            setFileType("json");
+          }
         }
       }
     },
@@ -112,7 +114,9 @@ export const FileDropzone = props => {
   // Is called when an accepted file is removed.
   const removeFile = fileToRemove => {
     setFiles(prevFiles => prevFiles.filter(file => file !== fileToRemove));
-    setFileType(null);
+    if (setFileType) {
+      setFileType(null);
+    }
   };
 
   // Is called when the selected/dropped files are rejected

diff --git a/src/client/src/pages/detail/form/borehole/geometryImport.jsx b/src/client/src/pages/detail/form/borehole/geometryImport.jsx
@@ -114,7 +114,7 @@ const GeometryImport = ({ boreholeId }) => {
                     <FileDropzone
                       onHandleFileChange={field.onChange}
                       defaultText={"dropZoneGeometryText"}
-                      restrictAcceptedFileTypeToCsv={true}
+                      acceptedFileTypes={["text/csv"]}
                       maxFilesToSelectAtOnce={1}
                       maxFilesToUpload={1}
                       isDisabled={false}