sarlink/mapmaker
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix auto zoom to do it only on new map selections
All checks were successful
Build and deploy / Build and Push Docker Images (push) Successful in 3m9s
Details

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2025-12-15 00:25:19 +05:00
parent 4f0ce8744e
commit ebc7f9cb84
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/src/components/map/MapView.tsx
View File

@@ -39,7 +39,7 @@ function MapController() {
return null; return null;
} }
function AutoZoom({ mapId, refreshTrigger }: { mapId: string; refreshTrigger: number }) { function AutoZoom({ mapId }: { mapId: string }) {
const map = useMap(); const map = useMap();
useEffect(() => { useEffect(() => {
@@ -78,7 +78,7 @@ function AutoZoom({ mapId, refreshTrigger }: { mapId: string; refreshTrigger: nu
}; };
zoomToDevices(); zoomToDevices();
}, [mapId, refreshTrigger, map]); }, [mapId, map]);
return null; return null;
} }
@@ -134,7 +134,7 @@ export function MapView({ mapId, activeLayer, mapLayers, showShareDialog = false
style={{ background: '#f0f0f0' }} style={{ background: '#f0f0f0' }}
> >
<MapController /> <MapController />
<AutoZoom mapId={mapId} refreshTrigger={refreshTrigger} /> <AutoZoom mapId={mapId} />
<TileLayer <TileLayer
key={activeLayer} key={activeLayer}
url={layer.url} url={layer.url}

6
public/src/pages/SharedMap.tsx
View File

@@ -57,7 +57,7 @@ function MapController() {
return null; return null;
} }
function AutoZoom({ mapId, refreshTrigger }: { mapId: string; refreshTrigger: number }) { function AutoZoom({ mapId }: { mapId: string }) {
const map = useMap(); const map = useMap();
useEffect(() => { useEffect(() => {
@@ -96,7 +96,7 @@ function AutoZoom({ mapId, refreshTrigger }: { mapId: string; refreshTrigger: nu
}; };
zoomToDevices(); zoomToDevices();
}, [mapId, refreshTrigger, map]); }, [mapId, map]);
return null; return null;
} }
@@ -277,7 +277,7 @@ export function SharedMap() {
style={{ background: '#f0f0f0' }} style={{ background: '#f0f0f0' }}
> >
<MapController /> <MapController />
<AutoZoom mapId={mapData.id} refreshTrigger={refreshTrigger} /> <AutoZoom mapId={mapData.id} />
<TileLayer <TileLayer
key={activeLayer} key={activeLayer}
url={MAP_LAYERS[activeLayer].url} url={MAP_LAYERS[activeLayer].url}