Album radio (#1759)

* added album radio feature

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
This commit is contained in:
Alexander Welsing
2026-02-27 05:33:00 +01:00
committed by GitHub
parent a78f5803a5
commit 4918b412b2
12 changed files with 272 additions and 3 deletions
@@ -1,10 +1,11 @@
import { useQuery } from '@tanstack/react-query';
import { useQuery, useQueryClient } from '@tanstack/react-query';
import { forwardRef, Fragment, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import { Link, useParams } from 'react-router';
import styles from './album-detail-header.module.css';
import { queryKeys } from '/@/renderer/api/query-keys';
import { albumQueries } from '/@/renderer/features/albums/api/album-api';
import { JoinedArtists } from '/@/renderer/features/albums/components/joined-artists';
import { ContextMenuController } from '/@/renderer/features/context-menu/context-menu-controller';
@@ -15,9 +16,10 @@ import {
} from '/@/renderer/features/shared/components/library-header';
import { useSetFavorite } from '/@/renderer/features/shared/hooks/use-set-favorite';
import { useSetRating } from '/@/renderer/features/shared/hooks/use-set-rating';
import { songsQueries } from '/@/renderer/features/songs/api/songs-api';
import { AppRoute } from '/@/renderer/router/routes';
import { useCurrentServer, useShowRatings } from '/@/renderer/store';
import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
import { useArtistRadioCount, usePlayButtonBehavior } from '/@/renderer/store/settings.store';
import { formatDateAbsoluteUTC, formatDurationString } from '/@/renderer/utils';
import { normalizeReleaseTypes } from '/@/renderer/utils/normalize-release-types';
import { Group } from '/@/shared/components/group/group';
@@ -32,6 +34,8 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
const { t } = useTranslation();
const server = useCurrentServer();
const showRatings = useShowRatings();
const queryClient = useQueryClient();
const albumRadioCount = useArtistRadioCount();
const detailQuery = useQuery(
albumQueries.detail({ query: { id: albumId }, serverId: server?.id }),
);
@@ -41,7 +45,7 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
(detailQuery?.data?._serverType === ServerType.NAVIDROME ||
detailQuery?.data?._serverType === ServerType.SUBSONIC);
const { addToQueueByFetch } = usePlayer();
const { addToQueueByData, addToQueueByFetch } = usePlayer();
const playButtonBehavior = usePlayButtonBehavior();
const setRating = useSetRating();
@@ -92,6 +96,28 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
});
};
const handleAlbumRadio = async () => {
if (!server?.id || !albumId) return;
try {
const albumRadioSongs = await queryClient.fetchQuery({
...songsQueries.albumRadio({
query: {
albumId: albumId,
count: albumRadioCount,
},
serverId: server.id,
}),
queryKey: queryKeys.player.fetch({ albumId: albumId }),
});
if (albumRadioSongs && albumRadioSongs.length > 0) {
addToQueueByData(albumRadioSongs, Play.NOW);
}
} catch (error) {
console.error('Failed to load album radio:', error);
}
};
const releaseYear = detailQuery?.data?.releaseYear;
const releaseDate = detailQuery?.data?.releaseDate;
@@ -249,6 +275,7 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
</Group>
<LibraryHeaderMenu
favorite={detailQuery?.data?.userFavorite}
onAlbumRadio={handleAlbumRadio}
onFavorite={handleFavorite}
onMore={handleMoreOptions}
onPlay={(type) => handlePlay(type)}