add favorite songs section to artist page (#1604)

2026-06-24 12:57:55 +02:00 · 2026-02-02 22:23:38 -08:00
parent 50c3dbc0a0
commit ac5611fdca
16 changed files with 545 additions and 43 deletions
@@ -0,0 +1,38 @@
+import { useTranslation } from 'react-i18next';
+
+import { PageHeader } from '/@/renderer/components/page-header/page-header';
+import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
+import { Badge } from '/@/shared/components/badge/badge';
+import { SpinnerIcon } from '/@/shared/components/spinner/spinner';
+import { LibraryItem, Song } from '/@/shared/types/domain-types';
+
+interface AlbumArtistDetailFavoriteSongsListHeaderProps {
+    data: Song[];
+    itemCount?: number;
+    title: string;
+}
+
+export const AlbumArtistDetailFavoriteSongsListHeader = ({
+    data,
+    itemCount,
+    title,
+}: AlbumArtistDetailFavoriteSongsListHeaderProps) => {
+    const { t } = useTranslation();
+
+    return (
+        <PageHeader>
+            <LibraryHeaderBar ignoreMaxWidth>
+                <LibraryHeaderBar.PlayButton itemType={LibraryItem.SONG} songs={data} />
+                <LibraryHeaderBar.Title order={2}>
+                    {t('page.albumArtistDetail.favoriteSongsFrom', {
+                        postProcess: 'titleCase',
+                        title,
+                    })}
+                </LibraryHeaderBar.Title>
+                <Badge>
+                    {itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
+                </Badge>
+            </LibraryHeaderBar>
+        </PageHeader>
+    );
+};