fix uploadArea: invalid geojson error handling

hotosm · Mar 20, 2024 · 31db46a · 31db46a
1 parent f35842a
commit 31db46a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/frontend/src/components/MapComponent/OpenLayersComponent/Layers/VectorLayer.js b/src/frontend/src/components/MapComponent/OpenLayersComponent/Layers/VectorLayer.js
@@ -239,6 +239,9 @@ const VectorLayer = ({
       declutter: true,
     });
 
+    const vlFeature = vectorLyr?.getSource().getFeatures();
+    if (!vlFeature || (vlFeature && vlFeature?.length === 0)) return;
+
     map.on('click', (evt) => {
       var pixel = evt.pixel;
       const feature = map.forEachFeatureAtPixel(pixel, function (feature, layer) {

diff --git a/src/frontend/src/components/createnewproject/UploadArea.tsx b/src/frontend/src/components/createnewproject/UploadArea.tsx
@@ -126,6 +126,17 @@ const UploadArea = ({ flag, geojsonFile, setGeojsonFile, setCustomDataExtractUpl
   };
 
   useEffect(() => {
+    if (drawnGeojson && !valid(drawnGeojson)) {
+      dispatch(
+        CommonActions.SetSnackBar({
+          open: true,
+          message: 'File not a valid geojson',
+          variant: 'error',
+          duration: 4000,
+        }),
+      );
+      return;
+    }
     if (drawnGeojson) {
       const isWGS84 = () => {
         if (uploadAreaSelection === 'upload_file') {