diff --git a/src/components/Map/markers/FirecallItemMarker.tsx b/src/components/Map/markers/FirecallItemMarker.tsx index 92e8dd1..bae5d1e 100644 --- a/src/components/Map/markers/FirecallItemMarker.tsx +++ b/src/components/Map/markers/FirecallItemMarker.tsx @@ -2,7 +2,7 @@ import EditIcon from '@mui/icons-material/Edit'; import { IconButton } from '@mui/material'; import { doc, setDoc } from 'firebase/firestore'; import L, { IconOptions } from 'leaflet'; -import { useState } from 'react'; +import { useEffect, useState } from 'react'; import { Marker, Popup } from 'react-leaflet'; import { defaultPosition } from '../../../hooks/constants'; import { useFirecallId } from '../../../hooks/useFirecall'; @@ -22,7 +22,7 @@ async function updateFircallItemPos( fcItem: FirecallItem ) { const newPos = (event.target as L.Marker)?.getLatLng(); - // console.info(`drag end on ${JSON.stringify(gisObject)}: ${newPos}`); + // console.info(`drag end on ${JSON.stringify(fcItem)}: ${newPos}`); if (fcItem.id && newPos) { const updatePos = { lat: newPos.lat, @@ -46,10 +46,7 @@ export default function FirecallItemMarker({ return record.type === 'connection' ? ( ) : ( - + ); } @@ -71,6 +68,12 @@ export function FirecallItemMarkerDefault({ ) ); + useEffect(() => { + if (record.lat && record.lng) { + setStartPos(L.latLng(record.lat, record.lng)); + } + }, [record.lat, record.lng]); + return ( <>