COMPENF-865 (#131)

bcgov · Sep 19, 2023 · 33390c4 · 33390c4
1 parent 69303b9
commit 33390c4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/frontend/src/app/components/containers/complaints/complaint-details.tsx b/frontend/src/app/components/containers/complaints/complaint-details.tsx
@@ -8,6 +8,7 @@ import {
   getWildlifeComplaintByComplaintIdentifierSetUpdate,
   selectComplaint,
   setComplaint,
+  setComplaintLocation,
   updateAllegationComplaint,
   updateWildlifeComplaint,
 } from "../../../store/reducers/complaints";
@@ -47,6 +48,7 @@ export const ComplaintDetails: FC = () => {
     //-- when the component unmounts clear the complaint from redux
     return () => {
       dispatch(setComplaint(null));
+      dispatch(setComplaintLocation(null));
     };
   }, [dispatch]);
 

diff --git a/frontend/src/app/components/mapping/leaflet-map-with-point.tsx b/frontend/src/app/components/mapping/leaflet-map-with-point.tsx
@@ -25,6 +25,14 @@ const LeafletMapWithPoint: FC<Props> = ({ coordinates, draggable, onMarkerMove }
 
   const [markerPosition, setMarkerPosition] = useState<{ lat: number; lng: number }>(coordinates);
 
+  // update the marker poisition when the coordinates are updated (occurs when geocoded).
+  // but don't update them if the marker position has already been set manually
+  useEffect(() => {
+    if (markerPosition.lat === 0 && markerPosition.lng === 0) {
+      setMarkerPosition(coordinates);
+    }
+  }, [coordinates, markerPosition.lat, markerPosition.lng]);
+
   const handleMarkerDragEnd = (e: L.LeafletEvent) => {
     const marker = e.target;
     if (marker?.getLatLng) {