From b933a3f88ccc8cd878c9e107358f1695ed735503 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Fri, 14 Feb 2025 18:12:19 +0100
Subject: [PATCH] feat(style): favorite icon toggle outline / filled

---
 front/src/components/favorites/TrackFavoriteIcon.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front/src/components/favorites/TrackFavoriteIcon.vue b/front/src/components/favorites/TrackFavoriteIcon.vue
index dbad609b5..970cc7888 100644
--- a/front/src/components/favorites/TrackFavoriteIcon.vue
+++ b/front/src/components/favorites/TrackFavoriteIcon.vue
@@ -35,7 +35,7 @@ const title = computed(() => isFavorite.value
 <template>
   <Button
     v-if="button"
-    icon="bi-heart-fill"
+    :icon="isFavorite ? 'bi-heart-fill' : 'bi-heart'"
     :class="['ui', 'pink', {'inverted': isFavorite}, {'favorited': isFavorite}, 'icon', 'labeled', 'button']"
     @click.stop="store.dispatch('favorites/toggle', track.id)"
   >
@@ -50,7 +50,7 @@ const title = computed(() => isFavorite.value
     v-else
     :ghost="ghost"
     :secondary="!ghost"
-    icon="bi-heart-fill"
+    :icon="isFavorite ? 'bi-heart-fill' : 'bi-heart'"
     :class="['ui', 'favorite-icon', {'pink': isFavorite}, {'favorited': isFavorite}, 'basic', 'circular', 'icon', {'really': !border}, 'button']"
     :aria-label="title"
     :title="title"