From f105e6012e8f4f030108b531cb9f73d6d03ec21b Mon Sep 17 00:00:00 2001 From: jufy111 Date: Tue, 19 May 2026 19:57:23 +1000 Subject: [PATCH] feat: Updated border of map markers to reflect category color. --- client/src/components/Map/MapView.tsx | 2 +- client/src/components/Map/MapViewGL.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/components/Map/MapView.tsx b/client/src/components/Map/MapView.tsx index 92322c79..affc2da8 100644 --- a/client/src/components/Map/MapView.tsx +++ b/client/src/components/Map/MapView.tsx @@ -43,7 +43,7 @@ function createPlaceIcon(place, orderNumbers, isSelected) { const cached = iconCache.get(cacheKey) if (cached) return cached const size = isSelected ? 44 : 36 - const borderColor = isSelected ? '#111827' : 'white' + const borderColor = isSelected ? '#111827' : (place.category_color || 'white') const borderWidth = isSelected ? 3 : 2.5 const shadow = isSelected ? '0 0 0 3px rgba(17,24,39,0.25), 0 4px 14px rgba(0,0,0,0.3)' diff --git a/client/src/components/Map/MapViewGL.tsx b/client/src/components/Map/MapViewGL.tsx index 618b7fb2..0d9d1c6f 100644 --- a/client/src/components/Map/MapViewGL.tsx +++ b/client/src/components/Map/MapViewGL.tsx @@ -53,7 +53,7 @@ interface Props { function createMarkerElement(place: Place & { category_color?: string; category_icon?: string }, photoUrl: string | null, orderNumbers: number[] | null, selected: boolean): HTMLDivElement { const size = selected ? 44 : 36 - const borderColor = selected ? '#111827' : 'white' + const borderColor = selected ? '#111827' : (place.category_color || 'white') const borderWidth = selected ? 3 : 2.5 const shadow = selected ? '0 0 0 3px rgba(17,24,39,0.25), 0 4px 14px rgba(0,0,0,0.3)'