From 07a52b12d6524661ef017fd8cc3010b768b9c82a Mon Sep 17 00:00:00 2001
From: FrigaT <m.surov@automacon.ru>
Date: Thu, 16 Apr 2026 19:27:11 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=BF=D0=BB=D0=B5=D0=B5=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/Global/AudioPlayer.razor       | 77 ++++++++++---------
 .../Services/AudioPlayerService.cs            |  2 +
 2 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/PlaylistShared.Pwa/Components/Global/AudioPlayer.razor b/PlaylistShared.Pwa/Components/Global/AudioPlayer.razor
index c0a3568..378d2a9 100644
--- a/PlaylistShared.Pwa/Components/Global/AudioPlayer.razor
+++ b/PlaylistShared.Pwa/Components/Global/AudioPlayer.razor
@@ -25,6 +25,7 @@
                 <MudToggleIconButton Toggled="@AudioPlayerService.IsPlaying"
                                      Icon="@Icons.Material.Filled.PlayArrow"
                                      Color="@Color.Primary"
+                                     Size="Size.Large"
                                      ToggledIcon="@Icons.Material.Filled.Pause"
                                      ToggledColor="@Color.Primary"
                                      ToggledChanged="OnPlayClick" />
@@ -32,53 +33,59 @@
         </MudItem>
                 
         <!-- Название и прогресс -->
-        <MudStack AlignItems="AlignItems.Stretch" Class="d-flex flex-grow-1 relative overflow-hidden align-center rounded-sm" Style="height: 50px;">
-            <MudItem Class="absolute" style="top: 0; left: 0; right: 0; bottom: 0; z-index: 1;">
-                <TrackProgress Value="@AudioPlayerService.CurrentTime"
-                               Min="0" Max="@AudioPlayerService.TotalTime"
-                               Height="50"
-                               BufferValue="@_bufferSecond"
-                               Color="Color.Primary"
-                               Icon=""
-                               Step="0.1"
-                               Opacity="0.3"
-                               Buffer
-                               ValueChanged="SeekTo" />
-            </MudItem>
+        @if (AudioPlayerService.CurrentTrack != null)
+        {
+            <MudStack AlignItems="AlignItems.Stretch" Class="d-flex flex-grow-1 relative overflow-hidden align-center rounded-sm" Style="height: 50px;">
+                <MudItem Class="absolute" style="top: 0; left: 0; right: 0; bottom: 0; z-index: 1;">
+                    <TrackProgress Value="@AudioPlayerService.CurrentTime"
+                                   Min="0" Max="@AudioPlayerService.TotalTime"
+                                   Height="50"
+                                   BufferValue="@_bufferSecond"
+                                   Color="Color.Primary"
+                                   Icon=""
+                                   Step="0.1"
+                                   Opacity="0.3"
+                                   Buffer
+                                   ValueChanged="SeekTo" />
+                </MudItem>
+                <MudStack Row AlignItems="AlignItems.Center" Class="px-3 relative pointer-events-none" Style="z-index: 2; width: 100%; height: 100%;">
+                    <MudStack AlignItems="AlignItems.Start" Spacing="0">
+                        <MudText Typo="Typo.body2" Color="Color.Default" Style="font-weight: 600;">
+                            @AudioPlayerService.CurrentTrack.Title
+                        </MudText>
 
-            <MudStack Row AlignItems="AlignItems.Center" Class="px-3 relative pointer-events-none" Style="z-index: 2; width: 100%; height: 100%;">
-                <MudStack AlignItems="AlignItems.Start" Spacing="0">
-                    <MudText Typo="Typo.body2" Color="Color.Default" Style="font-weight: 600;">
-                        @AudioPlayerService.CurrentTrack?.Title
-                    </MudText>
+                        <MudText Typo="Typo.body2" Style="font-weight: 600;">
+                            @string.Join(", ", AudioPlayerService.CurrentTrack.Artists.Select(a => a.Name))
+                        </MudText>
+                    </MudStack>
 
-                    <MudText Typo="Typo.body2" Style="font-weight: 600;">
-                        @if (AudioPlayerService.CurrentTrack != null) @string.Join(", ", AudioPlayerService.CurrentTrack.Artists.Select(a => a.Name))
+                    <MudSpacer />
+
+                    <MudText Typo="Typo.body2" Style="font-family: monospace; font-weight: 600;">
+                        @AudioPlayerService.CurrentTimeString / @AudioPlayerService.TotalTimeString
                     </MudText>
                 </MudStack>
-
-                <MudSpacer />
-
-                <MudText Typo="Typo.body2" Style="font-family: monospace; font-weight: 600;">
-                    @AudioPlayerService.CurrentTimeString / @AudioPlayerService.TotalTimeString
-                </MudText>
             </MudStack>
-        </MudStack>
-            
+        }
+        else
+        {
+            <MudSpacer />
+        }
+
         <!-- Громкость -->
         <MudItem @onmouseenter="() => _volumeIsOpen = true"
                  @onmouseleave="() => _volumeIsOpen = false"
-                @onwheel="OnVolumeHandleWheel"
-                Style="position: relative; display: flex; align-items: center;">
+                 @onwheel="OnVolumeHandleWheel"
+                 Style="position: relative; display: flex; align-items: center;">
                 
             <MudIconButton Icon="@(AudioPlayerService.CurrentVolume == 0 ? Icons.Material.Filled.VolumeOff : Icons.Material.Filled.VolumeUp)"
-                            Size="Size.Small" 
-                            Color="Color.Default" 
-                            OnClick="ToggleMute" />
+                           Size="Size.Small"
+                           Color="Color.Default"
+                           OnClick="ToggleMute" />
 
             <MudPopover Open="@_volumeIsOpen"
-                        AnchorOrigin="Origin.TopCenter" 
-                        TransformOrigin="Origin.BottomCenter" 
+                        AnchorOrigin="Origin.TopCenter"
+                        TransformOrigin="Origin.BottomCenter"
                         Fixed
                         Class="pa-0 mt-n5"
                         Style="height:120px; width: 10px; background-color: transparent !important; overflow: visible !important;">
diff --git a/PlaylistShared.Pwa/Services/AudioPlayerService.cs b/PlaylistShared.Pwa/Services/AudioPlayerService.cs
index f3c95f8..25acb50 100644
--- a/PlaylistShared.Pwa/Services/AudioPlayerService.cs
+++ b/PlaylistShared.Pwa/Services/AudioPlayerService.cs
@@ -71,6 +71,8 @@ public class AudioPlayerService : IAudioPlayerService
             return;
         }
 
+        _currentTrackId = trackId;
+
         // Если accessToken не передан, пытаемся получить его из хранилища
         if (string.IsNullOrWhiteSpace(accessToken))
         {