Fix drag shapefile to upload

Vizzuality · May 29, 2023 · b448914 · b448914
1 parent 9ddec35
commit b448914
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/shape-file-uploader/component.jsx b/src/components/shape-file-uploader/component.jsx
@@ -12,9 +12,16 @@ import { ReactComponent as AddShapeIcon } from 'icons/add_shape_icon.svg';
 function ShapeFileUploader({ sizeWarning, view, onError, onSuccess }) {
   const t = useT();
 
-  const { getRootProps, getInputProps, rootRef } = useDropzone({
-    onDrop: useCallback(() => {
-      featureCollectionFromShape(rootRef.current, view, onSuccess, onError);
+  const { getRootProps, getInputProps } = useDropzone({
+    onDrop: useCallback((files) => {
+      if (!files || !files[0]) {
+        console.error('No file provided');
+        return;
+      }
+
+      const formData = new FormData();
+      formData.append('file', files[0]);
+      featureCollectionFromShape(formData, view, onSuccess, onError);
     }),
   });
 

diff --git a/src/utils/analyze-areas-utils.js b/src/utils/analyze-areas-utils.js
@@ -32,7 +32,7 @@ export function createHashFromGeometry(geometry) {
   return sha1(flatRings.toString());
 }
 
-export function featureCollectionFromShape(input, view, onSucces, onError) {
+export function featureCollectionFromShape(body, view, onSucces, onError) {
   const generateRequestParams = {
     filetype: 'shapefile',
     publishParameters: JSON.stringify({
@@ -45,7 +45,7 @@ export function featureCollectionFromShape(input, view, onSucces, onError) {
       'https://www.arcgis.com/sharing/rest/content/features/generate',
       {
         query: generateRequestParams,
-        body: input,
+        body,
         method: 'post',
         responseType: 'json',
       }