Primo sviluppo sincronizzazione e migliorie ui

Template.Shared/Components/Pages/PersonalInfo.razor

@@ -5,7 +5,6 @@
 @using Template.Shared.Core.Interface
 @using Template.Shared.Core.Services
 @using Template.Shared.Core.Utility
-@using Template.Shared.Interfaces
 @inject AppAuthenticationStateProvider AuthenticationStateProvider
 @inject INetworkService NetworkService
 @inject IFormFactor FormFactor
@@ -75,16 +74,21 @@
         </div>
     </div>
     
-    <div class="user-button">
-        <span>Impostazioni account</span>
-    </div>
+    <MudButton Class="user-button" 
+               FullWidth="true" 
+               Size="Size.Medium"
+               StartIcon="@Icons.Material.Outlined.Settings"
+               OnClick="OpenSettings"
+               Variant="Variant.Outlined">Impostazioni</MudButton>
     
     <div class="divider"></div>
     
-    <div class="user-button logout" @onclick="Logout">
-        <span>Esci</span>
-        <i class="ri-logout-box-line"></i>
-    </div>
+    <MudButton FullWidth="true"
+               StartIcon="@Icons.Material.Outlined.Logout"
+               Color="Color.Error"
+               Size="Size.Medium"
+               OnClick="Logout"
+               Variant="Variant.Outlined">Esci</MudButton>
 </div>
 
 @code {
@@ -96,11 +100,6 @@
         await LoadData();
     }
 
-    private void Logout()
-    {
-        AuthenticationStateProvider.SignOut();
-    }
-
     private async Task LoadData()
     {
         await Task.Run(() =>
@@ -112,4 +111,10 @@
         StateHasChanged();
     }
 
+    private void OpenSettings() =>
+        NavigationManager.NavigateTo("/settings/Profilo");
+
+    private void Logout() =>
+        AuthenticationStateProvider.SignOut();
+
 }