Adds logout button (#30)

* Logout button * Simplify code
AnalogIO · Mar 6, 2024 · ef22c79 · ef22c79
1 parent b2341a2
commit ef22c79
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/Shifty.App/Services/AuthenticationService.cs b/Shifty.App/Services/AuthenticationService.cs
@@ -47,5 +47,11 @@ public async Task<bool> LoginUser(string username, string password)
             await _localStorage.SetItemAsync("token", jwtString);
             return _authStateProvider.UpdateAuthState(jwtString);
         }
+
+        public async Task Logout()
+        {
+            await _localStorage.RemoveItemAsync("token");
+            _authStateProvider.UpdateAuthState("");
+        }
     }
 }
diff --git a/Shifty.App/Services/IAuthenticationService.cs b/Shifty.App/Services/IAuthenticationService.cs
@@ -5,5 +5,6 @@ namespace Shifty.App.Services
     public interface IAuthenticationService
     {
         Task<bool> LoginUser(string username, string password);
+        Task Logout();
     }
 }
diff --git a/Shifty.App/Shared/NavMenu.razor b/Shifty.App/Shared/NavMenu.razor
@@ -1,4 +1,7 @@
-<MudNavMenu>
+@using Shifty.App.Services
+@inject IAuthenticationService _authenticationService
+
+<MudNavMenu>
     <MudNavLink Href="" Match="NavLinkMatch.All" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
     @if (_user is not null && _user.IsInRole("Board"))
     {
@@ -7,6 +10,8 @@
         <MudNavLink Href="MenuItems" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Outlined.Coffee">Menu Item Management</MudNavLink>
         <MudNavLink Href="Users" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.ManageAccounts">Manage users</MudNavLink>
     }
+    <MudDivider />
+    <MudNavLink OnClick="_authenticationService.Logout" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Logout">Logout</MudNavLink>
 </MudNavMenu>
 
 @code