From 405f2a3623d01a7a5f88d8c38a5883f055b08c51 Mon Sep 17 00:00:00 2001 From: Ho Ngoc Hai Date: Wed, 29 Apr 2026 17:57:12 +0700 Subject: [PATCH] =?UTF-8?q?fix(web):=20neighborhood=20POI=20map=20?= =?UTF-8?q?=E2=80=94=20fix=20unparseable=20cluster=20color?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Same Mapbox-gl issue as ListingMap: `hsl(var(--primary))` is rejected by the GL color parser. Swap for a literal hex (#22c55e) matching the design-system primary token. Co-Authored-By: Claude Opus 4.7 (1M context) --- apps/web/components/neighborhood/neighborhood-poi-map.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/web/components/neighborhood/neighborhood-poi-map.tsx b/apps/web/components/neighborhood/neighborhood-poi-map.tsx index a93f1f8..41de073 100644 --- a/apps/web/components/neighborhood/neighborhood-poi-map.tsx +++ b/apps/web/components/neighborhood/neighborhood-poi-map.tsx @@ -195,10 +195,11 @@ export function NeighborhoodPOIMap({ filter: ['has', 'point_count'], paint: { // Small clusters: primary; medium: amber; large: red + // (Mapbox-gl's color parser rejects `hsl(var(--…))` — use literal hex) 'circle-color': [ 'step', ['get', 'point_count'], - 'hsl(var(--primary))', + '#22c55e', // primary (emerald-500) — matches design-system token 5, '#f59e0b', 20,