Selaa lähdekoodia

Add skip button to collapsed Now Playing bar

- Skip button appears between pause and stop in quick controls
- Only visible when a playlist is running (status.playlist exists)
- Allows quick skipping without expanding the bar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
tuanchris 3 viikkoa sitten
vanhempi
sitoutus
3073b5d17b
1 muutettua tiedostoa jossa 13 lisäystä ja 0 poistoa
  1. 13 0
      frontend/src/components/NowPlayingBar.tsx

+ 13 - 0
frontend/src/components/NowPlayingBar.tsx

@@ -223,6 +223,19 @@ export function NowPlayingBar({ isLogsOpen = false, isVisible, onClose }: NowPla
                   {status?.is_paused ? 'play_arrow' : 'pause'}
                   {status?.is_paused ? 'play_arrow' : 'pause'}
                 </span>
                 </span>
               </Button>
               </Button>
+              {status?.playlist && (
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  className="h-8 w-8"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    handleSkip()
+                  }}
+                >
+                  <span className="material-icons text-lg">skip_next</span>
+                </Button>
+              )}
               <Button
               <Button
                 variant="ghost"
                 variant="ghost"
                 size="icon"
                 size="icon"