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:
1 parent
cda9619d65
commit
6849a9b3d6
2 files changed
+22
-2
No files matched your search
@@ -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;
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
Reference in new issue
Block a user