chore(web): upgrade to maplibre 4 (#7132)

upgrade to maplibre 4
immich-app · Feb 16, 2024 · bbf7a54 · bbf7a54
1 parent 0ca7adc
commit bbf7a54
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 39 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -73,7 +73,7 @@
     "luxon": "^3.2.1",
     "socket.io-client": "^4.6.1",
     "svelte-local-storage-store": "^0.6.0",
-    "svelte-maplibre": "^0.7.0",
+    "svelte-maplibre": "^0.8.0",
     "thumbhash": "^0.1.1"
   }
 }
diff --git a/web/src/lib/components/shared-components/map/map.svelte b/web/src/lib/components/shared-components/map/map.svelte
@@ -53,22 +53,15 @@
     dispatch('selected', [assetId]);
   }
 
-  function handleClusterClick(clusterId: number, map: Map | null) {
+  async function handleClusterClick(clusterId: number, map: Map | null) {
     if (!map) {
       return;
     }
 
     const mapSource = map?.getSource('geojson') as GeoJSONSource;
-    mapSource.getClusterLeaves(clusterId, 10_000, 0, (error, leaves) => {
-      if (error) {
-        return;
-      }
-
-      if (leaves) {
-        const ids = leaves.map((leaf) => leaf.properties?.id);
-        dispatch('selected', ids);
-      }
-    });
+    const leaves = await mapSource.getClusterLeaves(clusterId, 10_000, 0);
+    const ids = leaves.map((leaf) => leaf.properties?.id);
+    dispatch('selected', ids);
   }
 
   function handleMapClick(event: maplibregl.MapMouseEvent) {