From 90bcd10ed9b937e513605b24be1e1b72503f2e0a Mon Sep 17 00:00:00 2001
From: Geert Rademakes <g26107@eon.com>
Date: Wed, 6 Aug 2025 11:14:16 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Reset=20song=20count=20indicator=20when?=
 =?UTF-8?q?=20switching=20playlists=20-=20Show=20'0=20of=200=20songs=20?=
 =?UTF-8?q?=E2=80=A2=20Switching=20playlist...'=20during=20playlist=20swit?=
 =?UTF-8?q?ch=20-=20Provides=20consistent=20visual=20feedback=20across=20a?=
 =?UTF-8?q?ll=20UI=20elements=20-=20Makes=20playlist=20switching=20feel=20?=
 =?UTF-8?q?even=20more=20responsive=20and=20clear?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/PaginatedSongList.tsx      | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/PaginatedSongList.tsx b/packages/frontend/src/components/PaginatedSongList.tsx
index 53a0ff5..29c610c 100644
--- a/packages/frontend/src/components/PaginatedSongList.tsx
+++ b/packages/frontend/src/components/PaginatedSongList.tsx
@@ -338,11 +338,22 @@ export const PaginatedSongList: React.FC<PaginatedSongListProps> = memo(({
                 : `Selected ${selectedSongs.size} song${selectedSongs.size === 1 ? '' : 's'}`}
             </Checkbox>
             <Text color="gray.400" fontSize="sm">
-              {songs.length} of {totalSongs} songs • {totalDuration}
-              {hasMore && songs.length > 0 && (
-                <Text as="span" color="blue.400" ml={2}>
-                  • Scroll for more
-                </Text>
+              {isSwitchingPlaylist ? (
+                <>
+                  0 of 0 songs • 
+                  <Text as="span" color="blue.400" ml={1}>
+                    Switching playlist...
+                  </Text>
+                </>
+              ) : (
+                <>
+                  {songs.length} of {totalSongs} songs • {totalDuration}
+                  {hasMore && songs.length > 0 && (
+                    <Text as="span" color="blue.400" ml={2}>
+                      • Scroll for more
+                    </Text>
+                  )}
+                </>
               )}
             </Text>
           </HStack>