Add gallery menu item to top-level taskbar (#165)

Added a "gallery" item to the top-level main toolbar that navigates directly to the gallery page (`/gallery`).
Modified `MainToolbar` to support rendering top-level items as buttons for direct navigation when a `Page` is specified.
Renamed the existing `Page.Gallery` to `Page.ImportGallery` to distinguish the import tab from the main gallery page.
Updated unit tests to verify the new navigation routing.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>

Author: google-labs-jules[bot]

Octans.Client/Components/MainToolbar/MainToolbar.razor

@@ -4,12 +4,19 @@
     <MudToolBar Class="mud-bar">
         @foreach (var menu in Viewmodel.Menu)
         {
-            <MudMenu Size="Size.Small" ActivationEvent="MouseEvent.MouseOver" Label="@menu.Name">
-                @foreach (var item in menu.Items)
-                {
-                    <MudMenuItem Label="@item.Name" OnClick="@(() => Viewmodel.Navigate(item.Page))"/>
-                }
-            </MudMenu>
+            @if (menu.Page is not null)
+            {
+                <MudButton OnClick="@(() => Viewmodel.Navigate(menu.Page.Value))" Variant="Variant.Text" Size="Size.Small">@menu.Name</MudButton>
+            }
+            else
+            {
+                <MudMenu Size="Size.Small" ActivationEvent="MouseEvent.MouseOver" Label="@menu.Name">
+                    @foreach (var item in menu.Items)
+                    {
+                        <MudMenuItem Label="@item.Name" OnClick="@(() => Viewmodel.Navigate(item.Page))"/>
+                    }
+                </MudMenu>
+            }
         }
     </MudToolBar>
 </div>

Octans.Client/Components/MainToolbar/MainToolbarViewmodel.cs

@@ -10,6 +10,11 @@ public void OnInitialized()
     {
         Menu =
         [
+            new()
+            {
+                Name = "gallery",
+                Page = Page.Gallery
+            },
             new()
             {
                 Name = "import",
@@ -28,7 +33,7 @@ public void OnInitialized()
                     new()
                     {
                         Name = "gallery",
-                        Page = Page.Gallery
+                        Page = Page.ImportGallery
                     },
                     new()
                     {
@@ -97,7 +102,8 @@ public Task Navigate(Page page)
         {
             Page.LocalFiles => "/imports?tab=files",
             Page.WebUrls => "/imports?tab=url",
-            Page.Gallery => "/imports?tab=gallery",
+            Page.ImportGallery => "/imports?tab=gallery",
+            Page.Gallery => "/gallery",
             Page.Watchable => "/imports?tab=watchable",
             Page.Downloaders => "/downloaders",
             Page.Settings => "/settings",
@@ -116,6 +122,7 @@ public enum Page
 {
     LocalFiles,
     WebUrls,
+    ImportGallery,
     Gallery,
     Watchable,
     Settings,
@@ -127,6 +134,7 @@ public enum Page
 public class MenuItem
 {
     public required string Name { get; init; }
+    public Page? Page { get; init; }
     public List<ToolbarItem> Items { get; init; } = [];
 }
 

Octans.Tests/Viewmodels/MainToolbarViewmodelTests.cs

@@ -20,7 +20,8 @@ public MainToolbarViewmodelTests()
     [Theory]
     [InlineData(Page.LocalFiles, "/imports?tab=files")]
     [InlineData(Page.WebUrls, "/imports?tab=url")]
-    [InlineData(Page.Gallery, "/imports?tab=gallery")]
+    [InlineData(Page.Gallery, "/gallery")]
+    [InlineData(Page.ImportGallery, "/imports?tab=gallery")]
     [InlineData(Page.Watchable, "/imports?tab=watchable")]
     [InlineData(Page.Downloaders, "/downloaders")]
     [InlineData(Page.Settings, "/settings")]