Create BoundsHandler component

GeotrekCE · Oct 17, 2024 · b937dec · b937dec
1 parent e0d8684
commit b937dec
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/frontend/src/components/Map/SearchMap/BoundsHandler.tsx b/frontend/src/components/Map/SearchMap/BoundsHandler.tsx
@@ -0,0 +1,21 @@
+import { LatLngBounds } from 'leaflet';
+import { useEffect } from 'react';
+import { useMap } from 'react-leaflet';
+
+interface Props {
+  bounds: LatLngBounds | null;
+}
+
+const BoundsHandler: React.FC<Props> = ({ bounds }) => {
+  const map = useMap();
+
+  useEffect(() => {
+    if (bounds) {
+      map.fitBounds(bounds);
+    }
+  }, [bounds, map]);
+
+  return null;
+};
+
+export default BoundsHandler;