feishin/src/renderer/features/songs/queries/song-list-query.ts
Kendall Garner 025124c379
[enhancement]: Make related tab on full screen player useful
Resolves #50. Adds a new set of components for fetching similar songs
from the current playing song. For Jellyfin, use the `/items/{itemId}/similar`
endpoint (may not work well for small libraries), and for Navidrome/Subsonic
use `getSimilarSongs`. _In theory_, this component can be used to get similar
songs anywhere.
2024-02-19 08:53:50 -08:00

25 lines
993 B
TypeScript

import { useQuery } from '@tanstack/react-query';
import { controller } from '/@/renderer/api/controller';
import { queryKeys } from '/@/renderer/api/query-keys';
import type { SongListQuery } from '/@/renderer/api/types';
import { getServerById } from '/@/renderer/store';
import type { QueryHookArgs } from '/@/renderer/lib/react-query';
export const useSongList = (args: QueryHookArgs<SongListQuery>, imageSize?: number) => {
const { query, options, serverId } = args || {};
const server = getServerById(serverId);
return useQuery({
cacheTime: 1000 * 60,
enabled: !!server?.id,
queryFn: ({ signal }) => {
if (!server) throw new Error('Server not found');
return controller.getSongList({
apiClientProps: { server, signal },
query: { ...query, imageSize },
});
},
queryKey: queryKeys.songs.list(server?.id || '', { ...query, imageSize }),
...options,
});
};