vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-14 12:30:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

add play handlers to all remaining library headers

Browse Source
This commit is contained in:
jeffvli
2025-11-19 01:39:46 -08:00
parent aba8896ecf
commit dff3d0b04c
11 changed files with 45 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx
+2 -11
View File
@@ -1,13 +1,10 @@
import { useTranslation } from 'react-i18next';
import { PageHeader } from '/@/renderer/components/page-header/page-header';
import { usePlayer } from '/@/renderer/features/player/context/player-context';
import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
import { Badge } from '/@/shared/components/badge/badge';
import { SpinnerIcon } from '/@/shared/components/spinner/spinner';
import { QueueSong } from '/@/shared/types/domain-types';
import { Play } from '/@/shared/types/types';
import { LibraryItem, QueueSong } from '/@/shared/types/domain-types';
interface AlbumArtistDetailTopSongsListHeaderProps {
data: QueueSong[];
@@ -21,17 +18,11 @@ export const AlbumArtistDetailTopSongsListHeader = ({
title,
}: AlbumArtistDetailTopSongsListHeaderProps) => {
const { t } = useTranslation();
const { addToQueueByData } = usePlayer();
const playButtonBehavior = usePlayButtonBehavior();
const handlePlay = async (playType: Play) => {
addToQueueByData(data, playType);
};
return (
<PageHeader p="1rem">
<LibraryHeaderBar>
<LibraryHeaderBar.PlayButton onClick={() => handlePlay(playButtonBehavior)} />
<LibraryHeaderBar.PlayButton itemType={LibraryItem.SONG} songs={data} />
<LibraryHeaderBar.Title>
{t('page.albumArtistDetail.topSongsFrom', {
postProcess: 'titleCase',
src/renderer/features/artists/components/album-artist-list-header.tsx
+1 -1
View File
@@ -45,5 +45,5 @@ export const AlbumArtistListHeader = ({ title }: AlbumArtistListHeaderProps) =>
const PlayButton = () => {
const { query } = useAlbumArtistListFilters();
return <LibraryHeaderBar.PlayButton itemType={LibraryItem.ALBUM_ARTIST} query={query} />;
return <LibraryHeaderBar.PlayButton itemType={LibraryItem.ALBUM_ARTIST} listQuery={query} />;
};
src/renderer/features/artists/components/artist-list-header.tsx
+1 -1
View File
@@ -45,5 +45,5 @@ export const ArtistListHeader = ({ title }: ArtistListHeaderProps) => {
const PlayButton = () => {
const { query } = useArtistListFilters();
return <LibraryHeaderBar.PlayButton itemType={LibraryItem.ARTIST} query={query} />;
return <LibraryHeaderBar.PlayButton itemType={LibraryItem.ARTIST} listQuery={query} />;
};