diff --git a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx index 62b87d9d5..3f0644721 100644 --- a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx +++ b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx @@ -1,8 +1,10 @@ +import { useIsFetching } from '@tanstack/react-query'; import { t } from 'i18next'; import { useTranslation } from 'react-i18next'; +import { queryKeys } from '/@/renderer/api/query-keys'; import { SONG_TABLE_COLUMNS } from '/@/renderer/components/item-list/item-table-list/default-columns'; -import { useIsPlayerFetching, usePlayer } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { useRestoreQueue, useSaveQueue } from '/@/renderer/features/player/hooks/use-queue-restore'; import { ListConfigMenu } from '/@/renderer/features/shared/components/list-config-menu'; import { SearchInput } from '/@/renderer/features/shared/components/search-input'; @@ -85,7 +87,7 @@ const QueueRestoreActions = () => { const server = useCurrentServer(); const supportsQueue = hasFeature(server, ServerFeature.SERVER_PLAY_QUEUE); - const isFetching = useIsPlayerFetching(); + const isFetching = useIsFetching({ queryKey: queryKeys.player.fetch({ type: 'queue' }) }); const { isPending: isSavingQueue, mutate: handleSaveQueue } = useSaveQueue(); @@ -98,7 +100,7 @@ const QueueRestoreActions = () => { return ( <> { variant="subtle" />