From 3d518e5b647346d4702abe172f5ecc723a8db449 Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Sun, 24 Jul 2022 21:36:33 +0000
Subject: [PATCH] Favorite from queue

---
 front/src/components/QueueItem.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/front/src/components/QueueItem.vue b/front/src/components/QueueItem.vue
index 2961992c4..6520585bf 100644
--- a/front/src/components/QueueItem.vue
+++ b/front/src/components/QueueItem.vue
@@ -53,9 +53,11 @@ defineEmits<Emits>()
       </template>
     </div>
     <div class="controls">
-      <template v-if="$store.getters['favorites/isFavorite'](source.track.id)">
-        <i class="pink heart icon" />
-      </template>
+      <i
+        :class="$store.getters['favorites/isFavorite'](source.track.id) ? 'pink' : 'grey'"
+        class="heart icon ui favorite-icon"
+        @click.stop="$store.dispatch('favorites/toggle', source.track.id)"
+      />
       <button
         :aria-label="source.labels.remove"
         :title="source.labels.remove"