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

fix loading state on queue restoration button

Browse Source
This commit is contained in:
jeffvli
2025-12-14 04:29:12 -08:00
parent 1e8e1789cd
commit b19e752314
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/now-playing/components/play-queue-list-controls.tsx
+7 -5
View File
@@ -1,8 +1,10 @@
import { useIsFetching } from '@tanstack/react-query';
import { t } from 'i18next'; import { t } from 'i18next';
import { useTranslation } from 'react-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 { 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 { useRestoreQueue, useSaveQueue } from '/@/renderer/features/player/hooks/use-queue-restore';
import { ListConfigMenu } from '/@/renderer/features/shared/components/list-config-menu'; import { ListConfigMenu } from '/@/renderer/features/shared/components/list-config-menu';
import { SearchInput } from '/@/renderer/features/shared/components/search-input'; import { SearchInput } from '/@/renderer/features/shared/components/search-input';
@@ -85,7 +87,7 @@ const QueueRestoreActions = () => {
const server = useCurrentServer(); const server = useCurrentServer();
const supportsQueue = hasFeature(server, ServerFeature.SERVER_PLAY_QUEUE); 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(); const { isPending: isSavingQueue, mutate: handleSaveQueue } = useSaveQueue();
@@ -98,7 +100,7 @@ const QueueRestoreActions = () => {
return ( return (
<> <>
<ActionIcon <ActionIcon
disabled={isFetching} disabled={Boolean(isFetching)}
icon="upload" icon="upload"
iconProps={{ size: 'lg' }} iconProps={{ size: 'lg' }}
loading={isSavingQueue} loading={isSavingQueue}
@@ -111,10 +113,10 @@ const QueueRestoreActions = () => {
variant="subtle" variant="subtle"
/> />
<ActionIcon <ActionIcon
disabled={isSavingQueue} disabled={isSavingQueue || Boolean(isFetching)}
icon="download" icon="download"
iconProps={{ size: 'lg' }} iconProps={{ size: 'lg' }}
loading={isFetching} loading={Boolean(isFetching)}
onClick={handleRestoreQueue} onClick={handleRestoreQueue}
tooltip={{ tooltip={{
label: t('player.restoreQueueFromServer', { label: t('player.restoreQueueFromServer', {