@geops/rvf-mobility-web-component 0.1.57 → 0.1.59

package/package.json

@@ -2,7 +2,7 @@
   "name": "@geops/rvf-mobility-web-component",
   "license": "UNLICENSED",
   "description": "Web components for rvf in the domains of mobility and logistics.",
-  "version": "0.1.57",
+  "version": "0.1.59",
   "homepage": "https://rvf-mobility-web-component-geops.vercel.app/",
   "type": "module",
   "main": "index.js",

package/src/RvfMainLinkButton/RvfMainLinkButton.tsx

@@ -1,3 +1,4 @@
+import { unByKey } from "ol/Observable";
 import { useEffect, useMemo, useState } from "preact/hooks";
 import { LiaMapSolid } from "react-icons/lia";
 import { twMerge } from "tailwind-merge";
@@ -17,25 +18,21 @@ function RvfMainLinkButton({
   const [z, setZ] = useState(0);
 
   useEffect(() => {
-    if (!map) {
-      return;
-    }
-    const view = map.getView();
-    if (!view) {
-      return;
-    }
-    const update = () => {
-      const center = view.getCenter();
+    const update = (evt) => {
+      const center = evt.map?.getView()?.getCenter();
       if (center) {
         setX(center[0]);
         setY(center[1]);
       }
-      setZ(view.getZoom() || 0);
+      const zoom = evt.map?.getView()?.getZoom();
+      if (zoom) {
+        setZ(zoom);
+      }
     };
-    update();
-    map.on("moveend", update);
+    update({ map });
+    const key = map?.on("moveend", update);
     return () => {
-      map.un("moveend", update);
+      unByKey(key);
     };
   }, [map]);