Merge pull request #6 from michielpost/feature/avatar

Feature/avatar

src/aoWebWallet/Pages/AddressBook.razor

@@ -27,14 +27,12 @@
         {
             if(BindingContext.WalletList.Data.Where(x => x.IsReadOnly).Any())
             {
-                int logoCount = 1;
                 foreach (var wallet in BindingContext.WalletList.Data.Where(x => x.IsReadOnly))
                 {
-                    string logoUrl = $"images/account--{logoCount}.svg";
                     string detailUrl = $"wallet/{wallet.Address}";
                     <MudPaper Class="pa-4">
                         <MudStack Row="true">
-                            <MudAvatar Image="@logoUrl" Size="Size.Large" Class="rounded-full" />
+                            <WalletAvatar Address="@wallet.Address" />
 
                             <MudStack Class="d-overflow-hidden" Justify="Justify.Center" Spacing="0">
                                 <div Class="d-custom-2">
@@ -57,10 +55,6 @@
                             <MudIconButton Class="delete-address" Icon="@Icons.Material.Filled.Delete" aria-label="delete" OnClick="() => { DeleteWallet(wallet); }"></MudIconButton>
                         </MudStack>
                     </MudPaper>
-
-                    logoCount++;
-                    if (logoCount > 5)
-                        logoCount = 1;
                 }
             }
             else

src/aoWebWallet/Pages/WalletDetail.razor

@@ -15,7 +15,7 @@
 <MudContainer Class="mt-8 px-8" MaxWidth="MaxWidth.False">
     <MudPaper Class="pa-4 mb-4">
         <MudStack Row="true">
-            <MudAvatar Image="@($"images/account--{BindingContext.SelectedWalletIndex}.svg")" Size="Size.Large" Class="rounded-full" />
+            <WalletAvatar Address="@BindingContext.SelectedWallet?.Wallet.Address" />
             <MudStack style="overflow: hidden;" Justify="Justify.Center" Spacing="0">
                 <MudText Class="KodeMono" style="text-overflow: ellipsis; white-space: nowrap;overflow: hidden;" Typo="Typo.h6">
                     @Address

src/aoWebWallet/Pages/Wallets.razor

@@ -40,11 +40,10 @@
                 int logoCount = 1;
                 foreach (var wallet in BindingContext.WalletList.Data.Where(x => !x.IsReadOnly))
                 {
-                    string logoUrl = $"images/account--{logoCount}.svg";
                     string detailUrl = $"wallet/{wallet.Address}";
                     <MudPaper Class="pa-4 wallet-list">
                         <MudStack Row="true">
-                            <MudAvatar Image="@logoUrl" Size="Size.Large" Class="rounded-full" />
+                            <WalletAvatar Address="@wallet.Address" />
 
                             <MudStack Class="d-overflow-hidden" Justify="Justify.Center" Spacing="0">
                                 <div Class="d-custom-2">

src/aoWebWallet/Shared/Components/WalletAvatar.razor

@@ -0,0 +1,9 @@
+<div style="height:50px;width:50px">
+    <minidenticon-svg username="@Address"></minidenticon-svg>
+</div>
+
+@code {
+
+    [Parameter]
+    public string? Address { get; set; }
+}

src/aoWebWallet/Shared/NavMenu.razor

@@ -6,20 +6,16 @@
     {
         <MudNavLink Href="" Match="NavLinkMatch.All" Class="aoww-main-nav-text mt-2" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
         <MudNavGroup Class="mt-2 mb-2" Title="Wallets" Icon="@Icons.Material.Filled.Wallet" Expanded="true">
-            @{
-                int logoCount = 1;
-            }
             @foreach (var wallet in BindingContext.WalletList.Data?.Where(x => !x.IsReadOnly).ToList() ?? new())
             {
-                string logoUrl = $"images/account--{logoCount}.svg";
-                string detailUrl = $"wallet/{wallet.Address}";
+                    string detailUrl = $"wallet/{wallet.Address}";
 
                     <MudNavLink Class="menu-wallets" Href="@detailUrl" style="font-size:12px;" Match="NavLinkMatch.All">
-                        <MudAvatar Image="@logoUrl" Size="Size.Small" Class="rounded-full mr-2" />
+                    <div style="height:30px;width:30px">
+                        <minidenticon-svg username="@wallet.Address"></minidenticon-svg>
+                    </div>
                         <div>@wallet.Address.ToShortAddress()</div>
                     </MudNavLink>
-
-                logoCount++;
             }
         </MudNavGroup>
     }

src/aoWebWallet/ViewModels/WalletDetailViewModel.cs

@@ -50,9 +50,6 @@ public partial class WalletDetailViewModel : ObservableObject
         [ObservableProperty]
         public bool? hasArConnectExtension;
 
-        public int? SelectedWalletIndex { get; set; }
-
-
         public WalletDetailsViewModel? SelectedWallet { get; set; }
 
 
@@ -194,9 +191,6 @@ private async Task SelectWallet(string? address)
                 if (current != null)
                 {
                     SelectedWallet = new WalletDetailsViewModel(current);
-                    var indexOf = all.IndexOf(current);
-                    SelectedWalletIndex = (indexOf % 5) + 1;
-
                 }
                 else
                 {
@@ -209,7 +203,6 @@ private async Task SelectWallet(string? address)
                         Source = WalletTypes.Explorer
                     };
                     SelectedWallet = new WalletDetailsViewModel(tempWallet);
-                    SelectedWalletIndex = 5;
                 }
 
                 this.LoadBalanceDataList(address);
@@ -224,7 +217,6 @@ private async Task SelectWallet(string? address)
             else
             {
                 SelectedWallet = null;
-                SelectedWalletIndex = null;
             }
         }