MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix favorite button in queue

This commit is contained in:
Kasper Seweryn 2022-10-31 19:56:38 +00:00 committed by JuniorJPDJ
parent dfd299741c
commit 8367e09e6c
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changes/changelog.d/fix-favorite-button-in-queue.bugfix Normal file
View File

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

3
front/src/components/Queue.vue
View File

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

1
front/src/components/QueueItem.vue
View File

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

4
front/src/types.ts
View File

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