fix(label): add playlist action buttons, increase section spacing

Wire onPlaylistPlay, onPlaylistPlayNext, onPlaylistPlayLater,
onPlaylistCopyToLibrary, onPlaylistShareQobuz through LabelView Props
to QobuzPlaylistCard. Increase section spacing from 48px to 64px.
This commit is contained in:
vicrodh committed 2026-02-20 04:13:22 -06:00
1 parent cda9619d65
commit 6849a9b3d6
2 files changed
+22 -2

No files matched your search

+17 -2
View File
@@ -54,6 +54,11 @@
onLabelClick?: (labelId: number, labelName?: string) => void; onLabelClick?: (labelId: number, labelName?: string) => void;
onNavigateReleases?: (labelId: number, labelName: string) => void; onNavigateReleases?: (labelId: number, labelName: string) => void;
onPlaylistClick?: (playlistId: number) => void; onPlaylistClick?: (playlistId: number) => void;
onPlaylistPlay?: (playlistId: number) => void;
onPlaylistPlayNext?: (playlistId: number) => void;
onPlaylistPlayLater?: (playlistId: number) => void;
onPlaylistCopyToLibrary?: (playlistId: number) => void;
onPlaylistShareQobuz?: (playlistId: number) => void;
onTrackPlay?: (track: DisplayTrack) => void; onTrackPlay?: (track: DisplayTrack) => void;
onTrackPlayNext?: (track: Track) => void; onTrackPlayNext?: (track: Track) => void;
onTrackPlayLater?: (track: Track) => void; onTrackPlayLater?: (track: Track) => void;
@@ -84,6 +89,11 @@
onLabelClick, onLabelClick,
onNavigateReleases, onNavigateReleases,
onPlaylistClick, onPlaylistClick,
onPlaylistPlay,
onPlaylistPlayNext,
onPlaylistPlayLater,
onPlaylistCopyToLibrary,
onPlaylistShareQobuz,
onTrackPlay, onTrackPlay,
onTrackPlayNext, onTrackPlayNext,
onTrackPlayLater, onTrackPlayLater,
@@ -994,6 +1004,11 @@
duration={playlist.duration as number | undefined} duration={playlist.duration as number | undefined}
genre={(playlist.genres as { name: string }[])?.[0]?.name} genre={(playlist.genres as { name: string }[])?.[0]?.name}
onclick={() => onPlaylistClick?.(playlist.id as number)} onclick={() => onPlaylistClick?.(playlist.id as number)}
onPlay={onPlaylistPlay ? () => onPlaylistPlay(playlist.id as number) : undefined}
onPlayNext={onPlaylistPlayNext ? () => onPlaylistPlayNext(playlist.id as number) : undefined}
onPlayLater={onPlaylistPlayLater ? () => onPlaylistPlayLater(playlist.id as number) : undefined}
onCopyToLibrary={onPlaylistCopyToLibrary ? () => onPlaylistCopyToLibrary(playlist.id as number) : undefined}
onShareQobuz={onPlaylistShareQobuz ? () => onPlaylistShareQobuz(playlist.id as number) : undefined}
/> />
{/each} {/each}
<div class="spacer"></div> <div class="spacer"></div>
@@ -1189,7 +1204,7 @@
/* Sections */ /* Sections */
.section-anchor { scroll-margin-top: 56px; } .section-anchor { scroll-margin-top: 56px; }
.section { margin-bottom: 48px; } .section { margin-bottom: 64px; }
.section-header { .section-header {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
gap: 12px; margin-bottom: 20px; gap: 12px; margin-bottom: 20px;
@@ -1232,7 +1247,7 @@
.context-menu-item:hover { background-color: var(--bg-hover); color: var(--text-primary); } .context-menu-item:hover { background-color: var(--bg-hover); color: var(--text-primary); }
/* Tracks */ /* Tracks */
.top-tracks-section { margin-bottom: 48px; } .top-tracks-section { margin-bottom: 64px; }
.tracks-list { display: flex; flex-direction: column; } .tracks-list { display: flex; flex-direction: column; }
.track-row { .track-row {
display: flex; align-items: center; gap: 12px; display: flex; align-items: center; gap: 12px;
+5
View File
@@ -3565,6 +3565,11 @@
onLabelClick={handleLabelClick} onLabelClick={handleLabelClick}
onNavigateReleases={handleNavigateLabelReleases} onNavigateReleases={handleNavigateLabelReleases}
onPlaylistClick={selectPlaylist} onPlaylistClick={selectPlaylist}
onPlaylistPlay={playPlaylistById}
onPlaylistPlayNext={queuePlaylistNextById}
onPlaylistPlayLater={queuePlaylistLaterById}
onPlaylistCopyToLibrary={copyPlaylistToLibraryById}
onPlaylistShareQobuz={sharePlaylistQobuzLinkById}
onTrackPlay={handleDisplayTrackPlay} onTrackPlay={handleDisplayTrackPlay}
onTrackPlayNext={queueQobuzTrackNext} onTrackPlayNext={queueQobuzTrackNext}
onTrackPlayLater={queueQobuzTrackLater} onTrackPlayLater={queueQobuzTrackLater}