Merged in feat/SW-2241-country-map (pull request #2808)

Feat/SW-2241 country map Approved-by: Erik Tiekstra Approved-by: Chuma Mcphoy (We Ahead)
2025-09-24 12:04:01 +00:00
parent af4f544b8a
commit 00689607bc
93 changed files with 1876 additions and 600 deletions
@@ -0,0 +1,43 @@
+import { useMap } from "@vis.gl/react-google-maps"
+import { useEffect, useState } from "react"
+
+import type { MapType } from "@scandic-hotels/design-system/Map/mapConstants"
+
+export function useZoomControls(mapType: MapType) {
+  const map = useMap()
+  const [zoomLevel, setZoomLevel] = useState<number>(mapType.DEFAULT_ZOOM)
+
+  const zoomIn = () => {
+    if (map && zoomLevel < mapType.MAX_ZOOM) {
+      map.setZoom(zoomLevel + 1)
+    }
+  }
+
+  const zoomOut = () => {
+    if (map && zoomLevel > mapType.MIN_ZOOM) {
+      map.setZoom(zoomLevel - 1)
+    }
+  }
+
+  useEffect(() => {
+    if (!map) return
+
+    const handleZoomChanged = () => {
+      const currentZoom = map.getZoom()
+      if (currentZoom != null) {
+        setZoomLevel(currentZoom)
+      }
+    }
+
+    const listener = map.addListener("zoom_changed", handleZoomChanged)
+    return () => listener.remove()
+  }, [map])
+
+  return {
+    zoomLevel,
+    zoomIn,
+    zoomOut,
+    isMinZoom: zoomLevel <= mapType.MIN_ZOOM,
+    isMaxZoom: zoomLevel >= mapType.MAX_ZOOM,
+  }
+}