API Test

Chrono/Web/Components/Layout/NavMenu.razor

@@ -1,10 +1,14 @@
+@inject AuthService Auth
+@inject NetworkStatusService NetworkStatus
+@implements IDisposable
+
 <div class="top-row ps-3 pe-3 navbar navbar-dark">
     <div class="container-fluid d-flex align-items-center justify-content-between p-0">
         <a class="navbar-brand" href="">
             <i class="bi bi-hourglass-split me-2 text-warning"></i> Chrono CCG
         </a>
         <div class="d-flex align-items-center gap-2">
-            <NetworkStatusChip />
+            <NetworkStatusChip/>
             <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -44,6 +48,15 @@
                 <i class="bi bi-book-fill nav-icon"></i> Docs
             </NavLink>
         </div>
+        @if (NetworkStatus.IsOnline)
+        {
+            <div class="nav-item px-3">
+                <NavLink class="nav-link" href="login">
+                    <i class="bi @(Auth.IsLoggedIn ? "bi-person-check-fill text-success" : "bi-person-fill text-warning") nav-icon"></i>
+                    @(Auth.IsLoggedIn ? Auth.CurrentUsername : "Login")
+                </NavLink>
+            </div>
+        }
     </nav>
 </div>
 
@@ -52,9 +65,31 @@
 
     private string? NavMenuCssClass => collapseNavMenu ? "collapse" : null;
 
+    protected override void OnInitialized()
+    {
+        NetworkStatus.StatusChanged += OnStateChanged;
+        Auth.AuthStateChanged += OnStateChanged;
+    }
+
+    private void OnStateChanged(bool isOnline)
+    {
+        InvokeAsync(StateHasChanged);
+    }
+
+    private void OnStateChanged()
+    {
+        InvokeAsync(StateHasChanged);
+    }
+
     private void ToggleNavMenu()
     {
         collapseNavMenu = !collapseNavMenu;
     }
 
+    public void Dispose()
+    {
+        NetworkStatus.StatusChanged -= OnStateChanged;
+        Auth.AuthStateChanged -= OnStateChanged;
+    }
+
 }