polylines tooltip content

hooks/useLayerVisibility.js

@@ -0,0 +1,24 @@
+// hooks/useLayerVisibility.js
+import { useEffect } from "react";
+import { useRecoilValue } from "recoil";
+import { mapLayersState } from "../store/atoms/mapLayersState";
+
+const useLayerVisibility = (map, markers, mapLayersVisibility, layerKey) => {
+  useEffect(() => {
+    if (!map || !markers) return;
+
+    const toggleLayer = (isVisible) => {
+      markers.forEach((marker) => {
+        if (isVisible) {
+          marker.addTo(map);
+        } else {
+          map.removeLayer(marker);
+        }
+      });
+    };
+
+    toggleLayer(mapLayersVisibility[layerKey]);
+  }, [map, markers, mapLayersVisibility, layerKey]);
+};
+
+export default useLayerVisibility;