From b680769eacc335971dc3e911c8daa6a489aba833 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 18 Mar 2026 18:17:17 +0400
Subject: [PATCH] Replace "cuisine" with icon in place details

---
 app/components/place-details.gjs | 8 +++++---
 app/utils/icons.js               | 2 ++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/place-details.gjs b/app/components/place-details.gjs
index 82463c7..b13815a 100644
--- a/app/components/place-details.gjs
+++ b/app/components/place-details.gjs
@@ -316,9 +316,11 @@ export default class PlaceDetails extends Component {
       <div class="meta-info">
 
         {{#if this.cuisine}}
-          <p class="cuisine-info">
-            <strong>Cuisine:</strong>
-            {{this.cuisine}}
+          <p class="content-with-icon">
+            <Icon @name="fork-and-knife" @title="Cuisine" @filled={{true}} />
+            <span>
+              {{this.cuisine}}
+            </span>
           </p>
         {{/if}}
 
diff --git a/app/utils/icons.js b/app/utils/icons.js
index ec0d034..51f0416 100644
--- a/app/utils/icons.js
+++ b/app/utils/icons.js
@@ -28,6 +28,7 @@ import user from 'feather-icons/dist/icons/user.svg?raw';
 import x from 'feather-icons/dist/icons/x.svg?raw';
 import zap from 'feather-icons/dist/icons/zap.svg?raw';
 import wikipedia from '../icons/wikipedia.svg?raw';
+import forkAndKnife from '@waysidemapping/pinhead/dist/icons/fork_and_knife.svg?raw';
 
 const ICONS = {
   'arrow-left': arrowLeft,
@@ -43,6 +44,7 @@ const ICONS = {
   home,
   info,
   instagram,
+  'fork-and-knife': forkAndKnife,
   'log-in': logIn,
   'log-out': logOut,
   mail,