feat: Reset song count indicator when switching playlists - Show '0 of 0 songs • Switching playlist...' during playlist switch - Provides consistent visual feedback across all UI elements - Makes playlist switching feel even more responsive and clear
This commit is contained in:
parent
491235af29
commit
90bcd10ed9
@ -338,12 +338,23 @@ export const PaginatedSongList: React.FC<PaginatedSongListProps> = memo(({
|
|||||||
: `Selected ${selectedSongs.size} song${selectedSongs.size === 1 ? '' : 's'}`}
|
: `Selected ${selectedSongs.size} song${selectedSongs.size === 1 ? '' : 's'}`}
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
<Text color="gray.400" fontSize="sm">
|
<Text color="gray.400" fontSize="sm">
|
||||||
|
{isSwitchingPlaylist ? (
|
||||||
|
<>
|
||||||
|
0 of 0 songs •
|
||||||
|
<Text as="span" color="blue.400" ml={1}>
|
||||||
|
Switching playlist...
|
||||||
|
</Text>
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
{songs.length} of {totalSongs} songs • {totalDuration}
|
{songs.length} of {totalSongs} songs • {totalDuration}
|
||||||
{hasMore && songs.length > 0 && (
|
{hasMore && songs.length > 0 && (
|
||||||
<Text as="span" color="blue.400" ml={2}>
|
<Text as="span" color="blue.400" ml={2}>
|
||||||
• Scroll for more
|
• Scroll for more
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</Text>
|
</Text>
|
||||||
</HStack>
|
</HStack>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user