Новый плеер

PlaylistShared.Pwa/Components/Common/TrackCoverWithPlay.razor

@@ -1,11 +1,12 @@
 @using Microsoft.AspNetCore.Components.Web
+@using PlaylistShared.Shared.DTO
 @inject IAudioPlayerService AudioPlayerService
 
 <MudItem @onmouseenter="HandleMouseEnter"
           @onmouseleave="HandleMouseLeave"
           style="position: relative; display: inline-block; cursor: pointer; border-radius: 4px; overflow: hidden;">
     
-    <MudImage Src="@CoverUrl.FormatCoverUrl(Width, Height)" Height="@Height" Width="@Width" Class="rounded" Style="display: block;" />
+    <MudImage Src="@Track?.CoverUri.FormatCoverUrl(Width, Height)" Height="@Height" Width="@Width" Class="rounded" Style="display: block;" />
     
     @if (CanPlay && (_isHovered || IsCurrentTrackPlaying))
     {
@@ -20,8 +21,7 @@
 </MudItem>
 
 @code {
-    [Parameter] public string CoverUrl { get; set; } = string.Empty;
-    [Parameter] public string TrackTitle { get; set; } = string.Empty;
+    [Parameter] public YandexTrack? Track { get; set; } = null;
     [Parameter] public string TrackId { get; set; } = string.Empty;
     [Parameter] public int Height { get; set; } = 50;
     [Parameter] public int Width { get; set; } = 50;
@@ -53,8 +53,7 @@
             await AudioPlayerService.LoadAndPlayAsync(
                 trackId: TrackId,
                 playlistShareToken: playlistShareToken,
-                title: TrackTitle,
-                coverUrl: CoverUrl);
+                track: Track);
         }
     }
 

PlaylistShared.Pwa/Components/Common/TrackItem.razor

@@ -5,9 +5,8 @@
 <MudStack Row AlignItems="AlignItems.Center">
     <!-- Обложка с фиксированной шириной -->
     <MudItem>
-        <TrackCoverWithPlay CoverUrl="@Track.CoverUri"
-                            TrackId="@Track.TrackId"
-                            TrackTitle="@Track.Title"
+        <TrackCoverWithPlay TrackId="@Track.TrackId"
+                            Track="@Track"
                             PlaylistShareToken="@PlaylistShareToken"
                             CanPlay="@CanPlay"
                             Width="40" Height="40" />