From a1b3957c836f84f88ca24bb212125b3655276a7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Sat, 25 Apr 2026 10:42:05 +0100
Subject: [PATCH] Fix photo icon in map markers

---
 app/components/place-details.gjs | 2 +-
 app/utils/icons.js               | 4 +++-
 app/utils/poi-categories.js      | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/components/place-details.gjs b/app/components/place-details.gjs
index 8ead664..3dd602d 100644
--- a/app/components/place-details.gjs
+++ b/app/components/place-details.gjs
@@ -576,7 +576,7 @@ export default class PlaceDetails extends Component {
       {{#if this.osmUrl}}
         <div class="meta-info">
           <p class="content-with-icon">
-            <Icon @name="camera" />
+            <Icon @name="feather-camera" />
             <span>
               <button
                 type="button"
diff --git a/app/utils/icons.js b/app/utils/icons.js
index a7513df..ce7bd0e 100644
--- a/app/utils/icons.js
+++ b/app/utils/icons.js
@@ -2,7 +2,7 @@
 import activity from 'feather-icons/dist/icons/activity.svg?raw';
 import arrowLeft from 'feather-icons/dist/icons/arrow-left.svg?raw';
 import bookmark from 'feather-icons/dist/icons/bookmark.svg?raw';
-import camera from 'feather-icons/dist/icons/camera.svg?raw';
+import featherCamera from 'feather-icons/dist/icons/camera.svg?raw';
 import checkSquare from 'feather-icons/dist/icons/check-square.svg?raw';
 import chevronLeft from 'feather-icons/dist/icons/chevron-left.svg?raw';
 import chevronRight from 'feather-icons/dist/icons/chevron-right.svg?raw';
@@ -46,6 +46,7 @@ import beachUmbrellaInGround from '@waysidemapping/pinhead/dist/icons/beach_umbr
 import beerMugWithFoam from '@waysidemapping/pinhead/dist/icons/beer_mug_with_foam.svg?raw';
 import burgerAndDrinkCupWithStraw from '@waysidemapping/pinhead/dist/icons/burger_and_drink_cup_with_straw.svg?raw';
 import bus from '@waysidemapping/pinhead/dist/icons/bus.svg?raw';
+import camera from '@waysidemapping/pinhead/dist/icons/camera.svg?raw';
 import boxingGloveUp from '@waysidemapping/pinhead/dist/icons/boxing_glove_up.svg?raw';
 import car from '@waysidemapping/pinhead/dist/icons/car.svg?raw';
 import cigaretteWithSmokeCurl from '@waysidemapping/pinhead/dist/icons/cigarette_with_smoke_curl.svg?raw';
@@ -134,6 +135,7 @@ const ICONS = {
   'burger-and-drink-cup-with-straw': burgerAndDrinkCupWithStraw,
   bus,
   camera,
+  'feather-camera': featherCamera,
   'check-square': checkSquare,
   'chevron-left': chevronLeft,
   'chevron-right': chevronRight,
diff --git a/app/utils/poi-categories.js b/app/utils/poi-categories.js
index 78c4ef4..2eeb91c 100644
--- a/app/utils/poi-categories.js
+++ b/app/utils/poi-categories.js
@@ -41,7 +41,7 @@ export const POI_CATEGORIES = [
   {
     id: 'things-to-do',
     label: 'Things to do',
-    icon: 'camera',
+    icon: 'feather-camera',
     filter: [
       '["tourism"~"^(museum|gallery|attraction|viewpoint|zoo|theme_park|aquarium|artwork)$"]',
       '["amenity"~"^(cinema|theatre|arts_centre|planetarium)$"]',