Merge pull request #326 from hotosm/feat/orthophoto-display

Feat/orthophoto display
hotosm · Nov 5, 2024 · 694155a · 694155a
2 parents a6531b2 + 14b8761
commit 694155a
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/frontend/src/components/DroneOperatorTask/ModalContent/TaskOrthophotoPreview.tsx b/src/frontend/src/components/DroneOperatorTask/ModalContent/TaskOrthophotoPreview.tsx
@@ -52,19 +52,21 @@ const TaskOrthophotoPreview = () => {
   );
 
   useEffect(() => {
-    if (!map || !isMapLoaded || !projectId || !taskId || !orhtophotoSource)
+    if (
+      !map ||
+      !isMapLoaded ||
+      !projectId ||
+      !taskId ||
+      !orhtophotoSource ||
+      !taskOutline
+    )
       return;
+    const { bbox } = taskOutline.properties;
+    map?.fitBounds(bbox as LngLatBoundsLike, { padding: 50, duration: 500 });
 
     map.addSource('ortho-photo', orhtophotoSource.source);
     map.addLayer(orhtophotoSource.layer);
-  }, [map, isMapLoaded, projectId, taskId, orhtophotoSource]);
-
-  // zoom to layer in the project area
-  useEffect(() => {
-    if (!map || !isMapLoaded || !taskOutline) return;
-    const { bbox } = taskOutline.properties;
-    map?.fitBounds(bbox as LngLatBoundsLike, { padding: 50, duration: 500 });
-  }, [map, isMapLoaded, taskOutline]);
+  }, [map, isMapLoaded, projectId, taskId, orhtophotoSource, taskOutline]);
 
   useEffect(() => {
     return () => {