From fb15687388ae81c0c42240a65065efa5ce9589fc Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 5 Aug 2025 10:32:05 +0700
Subject: [PATCH] chore: update icon heart to stars

---
 web-app/src/containers/FavoriteModelAction.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web-app/src/containers/FavoriteModelAction.tsx b/web-app/src/containers/FavoriteModelAction.tsx
index 618aed10c..7daa5267f 100644
--- a/web-app/src/containers/FavoriteModelAction.tsx
+++ b/web-app/src/containers/FavoriteModelAction.tsx
@@ -1,4 +1,4 @@
-import { IconHeart, IconHeartFilled } from '@tabler/icons-react'
+import { IconStar, IconStarFilled } from '@tabler/icons-react'
 import { useFavoriteModel } from '@/hooks/useFavoriteModel'
 
 interface FavoriteModelActionProps {
@@ -10,14 +10,15 @@ export function FavoriteModelAction({ model }: FavoriteModelActionProps) {
   const isModelFavorite = isFavorite(model.id)
 
   return (
-    <div aria-label="Toggle favorite"
+    <div
+      aria-label="Toggle favorite"
       className="size-6 cursor-pointer flex items-center justify-center rounded hover:bg-main-view-fg/10 transition-all duration-200 ease-in-out"
       onClick={() => toggleFavorite(model)}
     >
       {isModelFavorite ? (
-        <IconHeartFilled size={18} className="text-main-view-fg" />
+        <IconStarFilled size={18} className="text-main-view-fg" />
       ) : (
-        <IconHeart size={18} className="text-main-view-fg/50" />
+        <IconStar size={18} className="text-main-view-fg/50" />
       )}
     </div>
   )