feat: initialize drainage network frontend

features/workbench/hooks/use-simulation-layer-visibility.ts

@@ -0,0 +1,27 @@
+"use client";
+
+import type { Map as MapLibreMap } from "maplibre-gl";
+import type { RefObject } from "react";
+import { useEffect } from "react";
+import { setSimulationLayersVisibility } from "../map/simulation-layers";
+
+type UseSimulationLayerVisibilityOptions = {
+  mapRef: RefObject<MapLibreMap | null>;
+  mapReady: boolean;
+  visible: boolean;
+};
+
+export function useSimulationLayerVisibility({
+  mapRef,
+  mapReady,
+  visible
+}: UseSimulationLayerVisibilityOptions) {
+  useEffect(() => {
+    const map = mapRef.current;
+    if (!mapReady || !map) {
+      return;
+    }
+
+    setSimulationLayersVisibility(map, visible);
+  }, [mapRef, mapReady, visible]);
+}