master/rekordbox-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Make playlist switching less intrusive - Remove full loading screen for playlist switches - Only show full loading for initial XML parsing - Use subtle spinner in song list area for playlist loading - Improve UX by keeping interface responsive during navigation

Browse Source
This commit is contained in:
Geert Rademakes 2025-08-06 10:24:04 +02:00
parent 65120ff654
commit 54bffbc25d
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/App.tsx
View File

@ -313,16 +313,11 @@ export default function RekordboxReader() {
};
}, [isResizing]);
if (xmlLoading || songsLoading) {
if (xmlLoading) {
return (
<Flex height="100vh" align="center" justify="center" direction="column" gap={4}>
<Spinner size="xl" />
<Text>Loading your library...</Text>
{currentPlaylist !== "All Songs" && (
<Text fontSize="sm" color="gray.500">
Navigating to playlist: {currentPlaylist}
</Text>
)}
</Flex>
);
}
@ -355,7 +350,7 @@ export default function RekordboxReader() {
userSelect={isResizing ? 'none' : 'auto'}
>
{/* Welcome Modal */}
{!xmlLoading && !songsLoading && songs.length === 0 && (
{!xmlLoading && songs.length === 0 && (
<Modal isOpen={isWelcomeOpen} onClose={onWelcomeClose} isCentered>
<ModalOverlay />
<ModalContent bg="gray.800" maxW="md">