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