From 586b3634b53562cb4c37587cb5d56c069cef6b87 Mon Sep 17 00:00:00 2001
From: Geert Rademakes <g26107@eon.com>
Date: Wed, 6 Aug 2025 10:51:08 +0200
Subject: [PATCH] debug: Add timestamps to console logs for better timing
 analysis - Add ISO timestamps to playlist selection and change detection logs
 - Add timestamp to loadPage function calls - Helps identify exact timing of
 playlist switching delays

---
 packages/frontend/src/App.tsx                    | 2 +-
 packages/frontend/src/hooks/usePaginatedSongs.ts | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
index 0343604..058b369 100644
--- a/packages/frontend/src/App.tsx
+++ b/packages/frontend/src/App.tsx
@@ -154,7 +154,7 @@ export default function RekordboxReader() {
   }, [currentPlaylist, playlists, navigate, xmlLoading]);
 
   const handlePlaylistSelect = (name: string) => {
-    console.log('Playlist selected:', name);
+    console.log(`[${new Date().toISOString()}] Playlist selected:`, name);
     setSelectedSong(null); // Clear selected song when changing playlists
     if (name === "All Songs") {
       navigate("/");
diff --git a/packages/frontend/src/hooks/usePaginatedSongs.ts b/packages/frontend/src/hooks/usePaginatedSongs.ts
index bcc3e75..c251c90 100644
--- a/packages/frontend/src/hooks/usePaginatedSongs.ts
+++ b/packages/frontend/src/hooks/usePaginatedSongs.ts
@@ -38,6 +38,7 @@ export const usePaginatedSongs = (options: UsePaginatedSongsOptions = {}) => {
 
   // Load songs for a specific page
   const loadPage = useCallback(async (page: number, search?: string, targetPlaylist?: string) => {
+    console.log(`[${new Date().toISOString()}] loadPage called:`, { page, search, targetPlaylist });
     if (loadingRef.current) return;
     
     const searchToUse = search ?? currentSearchQueryRef.current;
@@ -141,7 +142,7 @@ export const usePaginatedSongs = (options: UsePaginatedSongsOptions = {}) => {
   // Handle playlist changes
   useEffect(() => {
     if (previousPlaylistRef.current !== playlistName) {
-      console.log('Playlist change detected:', previousPlaylistRef.current, '->', playlistName);
+      console.log(`[${new Date().toISOString()}] Playlist change detected:`, previousPlaylistRef.current, '->', playlistName);
       
       // Update refs
       currentPlaylistRef.current = playlistName;