Merge pull request #214 from DennisvHest/211-show-message-in-playlist…

…-list-of-there-are-no-playlists-or-no-results-from-filtering Showing message in playlist list when no playlists are found
DennisvHest · Aug 24, 2024 · 1dfc2ae · 1dfc2ae
2 parents e345faa + d8ffb08
commit 1dfc2ae
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/MapMaven/Components/Playlists/PlaylistList.razor b/MapMaven/Components/Playlists/PlaylistList.razor
@@ -55,13 +55,13 @@
             @if (string.IsNullOrEmpty(PlaylistSearchText))
             {
                 <MudTreeView T="Playlist" @ref="PlaylistTreeView" SelectedValue="SelectedPlaylist" SelectedValueChanged="OnPlaylistSelect" Color="Color.Primary" ExpandOnClick="true" AutoExpand="true">
-                    <PlaylistTreeViewFolder Folder="PlaylistTree.RootPlaylistFolder" />
+                    <PlaylistTreeViewFolder Folder="PlaylistTree.RootPlaylistFolder" Loading="LoadingPlaylists" />
                 </MudTreeView>
             }
             else
             {
                 <MudTreeView T="Playlist" SelectedValue="SelectedPlaylist" SelectedValueChanged="OnPlaylistSelect" Color="Color.Primary" ExpandOnClick="true">
-                    <PlaylistTreeViewFolder Folder="PlaylistTree.RootPlaylistFolder" Expanded="true" />
+                    <PlaylistTreeViewFolder Folder="PlaylistTree.RootPlaylistFolder" Loading="LoadingPlaylists" Expanded="true" />
                 </MudTreeView>
             }
         </div>

diff --git a/MapMaven/Components/Playlists/PlaylistTreeViewFolder.razor b/MapMaven/Components/Playlists/PlaylistTreeViewFolder.razor
@@ -69,6 +69,13 @@
     }
 }
 
+@if (!Loading && !Folder.ChildItems.Any())
+{
+    <div class="d-flex align-center justify-center full-width pa-2">
+        <MudIcon Icon="@Icons.Material.Filled.PlaylistRemove" Class="mr-2" /> <soan>No playlists found</soan>
+    </div>
+}
+
 <MudDialog @bind-Visible="DeletePlaylistDialogVisible" Options="new() { BackdropClick = false }">
     <DialogContent>
         <MudText Typo="Typo.body1" Class="mb-3">Are you sure you want to delete the "@PlaylistToDelete.Title" playlist?</MudText>

diff --git a/MapMaven/Components/Playlists/PlaylistTreeViewFolder.razor.cs b/MapMaven/Components/Playlists/PlaylistTreeViewFolder.razor.cs
@@ -29,6 +29,9 @@ public partial class PlaylistTreeViewFolder
         [Parameter]
         public bool Expanded { get; set; }
 
+        [Parameter]
+        public bool Loading { get; set; }
+
         Playlist? PlaylistToDelete = null;
         bool DeletePlaylistDialogVisible = false;
         bool DeletingPlaylist = false;