fix: show empty queue when resetting state

leinelissen · Apr 27, 2023 · dd220ec · dd220ec
1 parent 0bf2775
commit dd220ec
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/utility/useCurrentTrack.ts b/src/utility/useCurrentTrack.ts
@@ -20,12 +20,15 @@ export default function useCurrentTrack(): CurrentTrackResponse {
         if (currentTrackIndex !== null) {
             setTrack(queue[currentTrackIndex]);
             setIndex(currentTrackIndex);
+        } else {
+            setTrack(undefined);
+            setIndex(undefined);
         }
     }, [setTrack, setIndex]);
 
     // Then execute the function on component mount and track changes
     useEffect(() => { retrieveCurrentTrack(); }, [retrieveCurrentTrack]);
-    useTrackPlayerEvents([ Event.PlaybackTrackChanged ], retrieveCurrentTrack);
+    useTrackPlayerEvents([ Event.PlaybackTrackChanged, Event.PlaybackState ], retrieveCurrentTrack);
 
     return { track, index };
 }