refactor(web/m7-377): TrackRow +queue uses Lucide Plus icon + scoped aria-label
This commit is contained in:
@@ -2,6 +2,7 @@
|
|||||||
import type { TrackRef } from '$lib/api/types';
|
import type { TrackRef } from '$lib/api/types';
|
||||||
import { formatDuration } from '$lib/media/duration';
|
import { formatDuration } from '$lib/media/duration';
|
||||||
import { playQueue, enqueueTrack, playRadio } from '$lib/player/store.svelte';
|
import { playQueue, enqueueTrack, playRadio } from '$lib/player/store.svelte';
|
||||||
|
import { Plus } from 'lucide-svelte';
|
||||||
import LikeButton from './LikeButton.svelte';
|
import LikeButton from './LikeButton.svelte';
|
||||||
import TrackMenu from './TrackMenu.svelte';
|
import TrackMenu from './TrackMenu.svelte';
|
||||||
|
|
||||||
@@ -64,10 +65,13 @@
|
|||||||
>📻</button>
|
>📻</button>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
aria-label="Add to queue"
|
aria-label={`Add ${track.title} to queue`}
|
||||||
|
title="Add to queue"
|
||||||
onclick={onAddClick}
|
onclick={onAddClick}
|
||||||
class="rounded p-1 text-text-secondary hover:text-text-primary"
|
class="rounded p-1 text-text-secondary hover:text-text-primary"
|
||||||
>+</button>
|
>
|
||||||
|
<Plus size={16} strokeWidth={1} />
|
||||||
|
</button>
|
||||||
<TrackMenu {track} />
|
<TrackMenu {track} />
|
||||||
<span class="tabular-nums text-text-secondary">{formatDuration(track.duration_sec)}</span>
|
<span class="tabular-nums text-text-secondary">{formatDuration(track.duration_sec)}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user