From b14a8e63c6949a3ed31874a1d6b6504277c941aa Mon Sep 17 00:00:00 2001
From: klrtk <killer@fawx.news>
Date: Fri, 21 Jul 2023 14:41:43 +0200
Subject: [PATCH] fix: Use favorite star icon in notifications when enabled
 (#2229)

---
 components/notification/NotificationGroupedLikes.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/notification/NotificationGroupedLikes.vue b/components/notification/NotificationGroupedLikes.vue
index ee81c011..da8970a7 100644
--- a/components/notification/NotificationGroupedLikes.vue
+++ b/components/notification/NotificationGroupedLikes.vue
@@ -4,6 +4,7 @@ import type { GroupedLikeNotifications } from '~/types'
 const { group } = defineProps<{
   group: GroupedLikeNotifications
 }>()
+const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
 
 const reblogs = $computed(() => group.likes.filter(i => i.reblog))
 const likes = $computed(() => group.likes.filter(i => i.favourite && !i.reblog))
@@ -27,7 +28,7 @@ const likes = $computed(() => group.likes.filter(i => i.favourite && !i.reblog))
           </div>
         </div>
         <div v-if="likes.length" flex="~ gap-1">
-          <div i-ri:heart-fill text-xl me-1 color-red />
+          <div :class="useStarFavoriteIcon ? 'i-ri:star-fill color-yellow' : 'i-ri:heart-fill color-red'" text-xl me-1 />
           <template v-for="i, idx of likes" :key="idx">
             <AccountHoverWrapper :account="i.account">
               <NuxtLink :to="getAccountRoute(i.account)">