Fix favorite button in queue

changes/changelog.d/fix-favorite-button-in-queue.bugfix

@@ -0,0 +1 @@
+Fix favorite button in queue

front/src/components/Queue.vue

@@ -118,7 +118,7 @@ const play = async (index: number) => {
 
 const queueItems = computed(() => queue.value.map((track, index) => ({
   ...track,
-  id: `${index}-${track.id}`,
+  key: `${index}-${track.id}`,
   labels: {
     remove: $pgettext('*/*/*', 'Remove'),
     selectTrack: $pgettext('*/*/*', 'Select track'),
@@ -362,6 +362,7 @@ const hideArtist = () => {
               :index="index"
               :source="item"
               :class="[...classList, currentIndex === index && 'active']"
+              key-field="key"
               @play="play"
               @remove="dequeue"
             />

front/src/components/QueueItem.vue

@@ -54,6 +54,7 @@ defineProps<Props>()
     </div>
     <div class="controls">
       <button
+        v-if="$store.state.auth.authenticated"
         :aria-label="source.labels.favorite"
         :title="source.labels.favorite"
         class="ui really basic circular icon button"

front/src/types.ts

@@ -19,8 +19,8 @@ export interface InitModuleContext {
 
 export type InitModule = (ctx: InitModuleContext) => void | Promise<void>
 
-export interface QueueItemSource extends Omit<QueueTrack, 'id'> {
-  id: string
+export interface QueueItemSource extends QueueTrack {
+  key: string
 
   labels: {
     remove: string