Save theme switch in user settings

src/aoWebWallet/Pages/MvvmComponentBase.cs

@@ -1,4 +1,5 @@
 using aoWebWallet.ViewModels;
+using CommunityToolkit.Mvvm.ComponentModel;
 using Microsoft.AspNetCore.Components;
 using System.ComponentModel;
 using System.Diagnostics;
@@ -62,6 +63,11 @@ protected virtual Task LoadDataAsync()
             return Task.CompletedTask;
         }
 
+        protected void WatchObject<D>(D obj) where D : ObservableObject
+        {
+            ObjWatch.Add(obj);
+        }
+
         protected void WatchDataLoaderVM<D>(DataLoaderViewModel<D> vm) where D : class
         {
             ObjWatch.Add(vm);

src/aoWebWallet/Shared/NavMenu.razor

@@ -21,7 +21,14 @@
                 <MudNavLink style="margin-bottom:5px;" Href="about" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Info">About</MudNavLink>
             </div>
         <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left:10px; padding:5px;">
-            <MudIcon Icon="@icons[index]" Color="Color.Primary" />
+            @if (BindingContext.UserSettings?.IsDarkMode ?? true)
+            {
+                <MudIcon Icon="@icons[1]" Color="Color.Primary" />
+            }
+            else
+            {
+                <MudIcon Icon="@icons[0]" Color="Color.Primary" />
+            }
             <MudButton Variant="Variant.Filled" OnClick="ToggleTheme" DisableElevation="true" Size="Size.Small">Theme</MudButton>
         </div>
 
@@ -35,19 +42,30 @@
 </MudNavMenu>
 
 @code{
-    private int index = 1;
     private string[] icons = { Icons.Material.Filled.WbSunny, Icons.Material.Filled.NightlightRound };
 
-    private void ToggleTheme()
+    protected override void OnInitialized()
     {
-        index = (index + 1) % 2;
-        if (index == 0)
-        {
-            BindingContext.IsDarkMode = false;
-        }
-        else
+        BindingContext.PropertyChanged += BindingContext_PropertyChanged;
+
+        base.OnInitialized();
+    }
+
+    private void BindingContext_PropertyChanged(object? sender, System.ComponentModel.PropertyChangedEventArgs e)
+    {
+        if (e.PropertyName == nameof(MainViewModel.IsDarkMode))
         {
-            BindingContext.IsDarkMode = true;
+            this.StateHasChanged();
         }
     }
+
+    public virtual void Dispose()
+    {
+        BindingContext.PropertyChanged -= BindingContext_PropertyChanged;
+    }
+
+    private Task ToggleTheme()
+    {
+        return BindingContext.SetIsDarkMode(!BindingContext.IsDarkMode);
+    }
 }

src/aoWebWallet/ViewModels/MainViewModel.cs

@@ -118,7 +118,7 @@
             TokenTransferList.Data = all.OrderByDescending(x => x.Timestamp).ToList();
 
             var allTokenIds = all.Select(x => x.TokenId).Distinct().ToList();
             TryAddTokenIds(allTokenIds);
 
             return TokenTransferList.Data;
         });
@@ -135,7 +135,7 @@
                 TokenTransferList.Data = all.ToList();
 
                 var allTokenIds = all.Select(x => x.TokenId).Distinct().ToList();
                 TryAddTokenIds(allTokenIds);
 
                 return TokenTransferList.Data;
             }
@@ -167,7 +167,7 @@
                 SelectedTransaction.Data = result;
 
                 if(result != null)
                     TryAddTokenIds(new List<string?>() { result.TokenId });
 
                 return result;
             }
@@ -191,7 +191,7 @@
                 var balanceData = new DataLoaderViewModel<BalanceDataViewModel>();
                 balanceData.Data = new BalanceDataViewModel {  Token = token };
 
                 balanceData.DataLoader.LoadAsync(async () =>
                 {
                     var balanceData = await tokenClient.GetBalance(token.TokenId, address);
                     return new BalanceDataViewModel() {  BalanceData = balanceData, Token = token };
@@ -316,7 +316,7 @@
 
         partial void OnSelectedAddressChanged(string? value)
         {
             SelectWallet(value);
 
             if (value != null)
                 this.AddToLog(ActivityLogType.ViewAddress, value);
@@ -395,12 +395,19 @@
         public async Task LoadUserSettings()
         {
             UserSettings = await storageService.GetUserSettings();
+            if (UserSettings != null)
+            {
+                IsDarkMode = UserSettings.IsDarkMode ?? true;
+            }
         }
 
         public async Task SaveUserSettings()
         {
-            if(UserSettings != null)
+            if (UserSettings != null)
+            {
                 await storageService.SaveUserSettings(UserSettings);
+                IsDarkMode = UserSettings.IsDarkMode ?? true;
+            }
         }
 
         public async Task AddWalletAsReadonly()
@@ -619,5 +626,14 @@
 
                 return new Transaction { Id = idResult };
             });
+
+        public async Task SetIsDarkMode(bool isDarkMode)
+        {
+            if(UserSettings != null)
+            {
+                UserSettings.IsDarkMode = isDarkMode;
+                await SaveUserSettings();
+            }
+        }
     }
 }