- {/*
- Sized with h-full/w-full, NOT `absolute inset-0`, and that is not a style preference.
-
- maplibre puts `position: relative; overflow: hidden` on whatever element it is handed, via its own
- stylesheet's `.maplibregl-map`. Tailwind 4 emits its utilities inside `@layer utilities`, and an
- UNLAYERED rule beats a layered one no matter which comes later in the file — so `.maplibregl-map`
- wins over `.absolute`, `inset-0` stops applying, and the div collapses to height 0. It then clips
- its own canvas away, which looks exactly like a map that failed to load: the GL context is healthy,
- tiles download, pixels are drawn, and none of it is ever composited. Nothing logs a thing.
-
- h-full survives because maplibre's stylesheet sets no height, so there is no conflict to lose.
- */}
-
-
- {!styleUrl && !mapError && (
-
- Loading map…
-
- )}
-
- {mapError && (
-
-
The map could not load
-
- The basemap is fetched from Immich's tile server, so this needs outbound internet access.
- {mapError ? ` (${mapError})` : ''}
-
-
- )}
-
- {cluster && (
-
mapRef.current?.easeTo({ center: cluster.center, zoom: cluster.expansionZoom })}
- onClose={() => setCluster(null)}
- />
- )}
-
- {ready && !isLoading && count === 0 && (
-
-
- No geotagged photos match this filter.
-
-
- )}
-
-
- {/* With a cluster open, prev/next walk that cluster — otherwise the arrows would jump to whatever
- thumbnails happen to be on the map behind the panel. */}
-