andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Small changes and fix zooming

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-05 20:30:04 +01:00
parent c69bb0d614
commit 329685a4ee
16 changed files with 823 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/components/map/Map.tsx
View file

@ -87,13 +87,11 @@ function DeckOverlay({
getTooltip: any;
}) {
const overlay = useControl(() => new MapboxOverlay({ interleaved: true }));
const prevLayersRef = useRef(layers);
const prevTooltipRef = useRef(getTooltip);
if (layers !== prevLayersRef.current || getTooltip !== prevTooltipRef.current) {
prevLayersRef.current = layers;
prevTooltipRef.current = getTooltip;
overlay.setProps({ layers, getTooltip });
}
useEffect(() => {
overlay.setProps({ layers: layers.filter(Boolean), getTooltip });
}, [overlay, layers, getTooltip]);
return null;
}
@ -376,7 +374,7 @@ export default memo(function Map({
</div>
{popupInfo && (
<div
className="absolute bg-white dark:bg-warm-800 rounded-lg shadow-lg text-sm dark:text-white"
className="pointer-events-none absolute bg-white dark:bg-warm-800 rounded-lg shadow-lg text-sm dark:text-white"
style={{
left: popupInfo.x,
top: popupInfo.y - 50,
@ -385,7 +383,7 @@ export default memo(function Map({
}}
>
<button
className="absolute -top-2 -right-2 w-5 h-5 flex items-center justify-center rounded-full bg-warm-200 dark:bg-warm-700 text-warm-500 dark:text-warm-400 hover:text-warm-700 dark:hover:text-warm-300 shadow-sm"
className="pointer-events-auto absolute -top-2 -right-2 w-5 h-5 flex items-center justify-center rounded-full bg-warm-200 dark:bg-warm-700 text-warm-500 dark:text-warm-400 hover:text-warm-700 dark:hover:text-warm-300 shadow-sm"
onClick={clearPopupInfo}
>
<CloseIcon className="w-3 h-3" />