removed interactive flag, fixed map pane opening

2025-04-20 18:46:34 -07:00
parent d881b01a17
commit 61459f3052
3 changed files with 13 additions and 2 deletions
--- a/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/BaseMaps.tsx
@@ -1,7 +1,18 @@
 "use client";
-import { TileLayer } from "react-leaflet";
+import { usePannelStore } from "_store/pannelStore";
+import { useEffect } from "react";
+import { TileLayer, useMap } from "react-leaflet";

 export const BaseMaps = () => {
+	const map = useMap();
+	const isPannelOpen = usePannelStore((state) => state.isOpen);
+
+	useEffect(() => {
+		setTimeout(() => {
+			map.invalidateSize();
+		}, 600);
+	}, [isPannelOpen]);
+
 	return (
 		<>
 			<TileLayer