From 2d363190bd2e0e16f09069d65f7cacfbb2fd577f Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 9 Jul 2026 01:49:12 -0700
Subject: [PATCH] show loading spinner on refetching

---
 src/renderer/features/lyrics/lyrics.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/renderer/features/lyrics/lyrics.tsx b/src/renderer/features/lyrics/lyrics.tsx
index 257ed939b..6823cbe89 100644
--- a/src/renderer/features/lyrics/lyrics.tsx
+++ b/src/renderer/features/lyrics/lyrics.tsx
@@ -111,7 +111,7 @@ export const Lyrics = ({ fadeOutNoLyricsMessage = true, settingsKey = 'default'
     const shouldFetchLyrics = !isLyricsDisabled && !!currentSong?._serverId && !!currentSong?.id;
     const isWaitingToFetchLyrics = shouldFetchLyrics && pendingSongId !== currentSong?.id;
 
-    const { data, isFetching, isLoading } = useQuery(
+    const { data, isLoading, isRefetching } = useQuery(
         lyricsQueries.songLyrics(
             {
                 options: {
@@ -383,8 +383,7 @@ export const Lyrics = ({ fadeOutNoLyricsMessage = true, settingsKey = 'default'
     }, [data?.local]);
 
     const isLoadingLyrics =
-        shouldFetchLyrics &&
-        (isWaitingToFetchLyrics || isLoading || (isFetching && !displayLyrics));
+        shouldFetchLyrics && (isWaitingToFetchLyrics || isLoading || isRefetching);
     const hasNoLyrics = !displayLyrics;
     const [shouldFadeOut, setShouldFadeOut] = useState(false);