Reflect real playback state on gallery cards and toggle pause/resume

Add IsPaused/OnPause to TrackCard, make TracksGallery controlled, and drive the active track from PlayerService.CurrentTrack as the single source of truth.
2026-06-06 09:51:31 -04:00
parent d055c2a548
commit 766e98fd2b
5 changed files with 54 additions and 40 deletions
@@ -4,7 +4,11 @@
        {
            <MudItem xs="12" sm="6" md="4" lg="3" xl="3">
                <div class="deepdrft-track-gallery-item-center">
-                    <TrackCard TrackModel="@track" IsPlaying="@(track.Id == SelectedTrack?.Id)" OnPlay="@HandlePlayClick"/>
+                    <TrackCard TrackModel="@track"
+                               IsPlaying="@(IsPlaying && ActiveTrack?.Id == track.Id)"
+                               IsPaused="@(IsPaused && ActiveTrack?.Id == track.Id)"
+                               OnPlay="@HandlePlayClick"
+                               OnPause="@HandlePauseClick"/>
                </div>
            </MudItem>
        }