From 30d9cafdc88a789c616dcb0c8a9290d1a70d3967 Mon Sep 17 00:00:00 2001
From: Michiel Post <michiel@michielpost.nl>
Date: Thu, 16 May 2024 14:35:45 +0200
Subject: [PATCH 1/2] Added wallet avatar

---
 src/aoWebWallet/Pages/AddressBook.razor       |   8 +-
 src/aoWebWallet/Pages/WalletDetail.razor      |   2 +-
 src/aoWebWallet/Pages/Wallets.razor           |   3 +-
 .../Shared/Components/WalletAvatar.razor      |   9 +
 src/aoWebWallet/Shared/NavMenu.razor          |  12 +-
 .../ViewModels/WalletDetailViewModel.cs       |   8 -
 src/aoWebWallet/wwwroot/images/account--1.svg |  65 -------
 src/aoWebWallet/wwwroot/images/account--2.svg |  21 --
 src/aoWebWallet/wwwroot/images/account--3.svg | 184 ------------------
 src/aoWebWallet/wwwroot/images/account--4.svg |  95 ---------
 src/aoWebWallet/wwwroot/images/account--5.svg |  19 --
 src/aoWebWallet/wwwroot/index.html            |   3 +
 12 files changed, 19 insertions(+), 410 deletions(-)
 create mode 100644 src/aoWebWallet/Shared/Components/WalletAvatar.razor
 delete mode 100644 src/aoWebWallet/wwwroot/images/account--1.svg
 delete mode 100644 src/aoWebWallet/wwwroot/images/account--2.svg
 delete mode 100644 src/aoWebWallet/wwwroot/images/account--3.svg
 delete mode 100644 src/aoWebWallet/wwwroot/images/account--4.svg
 delete mode 100644 src/aoWebWallet/wwwroot/images/account--5.svg

diff --git a/src/aoWebWallet/Pages/AddressBook.razor b/src/aoWebWallet/Pages/AddressBook.razor
index 78f3f88..9af82b2 100644
--- a/src/aoWebWallet/Pages/AddressBook.razor
+++ b/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
diff --git a/src/aoWebWallet/Pages/WalletDetail.razor b/src/aoWebWallet/Pages/WalletDetail.razor
index 714219a..d8fee90 100644
--- a/src/aoWebWallet/Pages/WalletDetail.razor
+++ b/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
diff --git a/src/aoWebWallet/Pages/Wallets.razor b/src/aoWebWallet/Pages/Wallets.razor
index 7f8f2d1..1671349 100644
--- a/src/aoWebWallet/Pages/Wallets.razor
+++ b/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">
diff --git a/src/aoWebWallet/Shared/Components/WalletAvatar.razor b/src/aoWebWallet/Shared/Components/WalletAvatar.razor
new file mode 100644
index 0000000..8b77caa
--- /dev/null
+++ b/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; }
+}
diff --git a/src/aoWebWallet/Shared/NavMenu.razor b/src/aoWebWallet/Shared/NavMenu.razor
index 2e95140..c3d328d 100644
--- a/src/aoWebWallet/Shared/NavMenu.razor
+++ b/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:50px;width:50px">
+                        <minidenticon-svg username="@wallet.Address"></minidenticon-svg>
+                    </div>
                         <div>@wallet.Address.ToShortAddress()</div>
                     </MudNavLink>
-
-                logoCount++;
             }
         </MudNavGroup>
     }
diff --git a/src/aoWebWallet/ViewModels/WalletDetailViewModel.cs b/src/aoWebWallet/ViewModels/WalletDetailViewModel.cs
index 64b386c..70969fb 100644
--- a/src/aoWebWallet/ViewModels/WalletDetailViewModel.cs
+++ b/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;
             }
         }
 
diff --git a/src/aoWebWallet/wwwroot/images/account--1.svg b/src/aoWebWallet/wwwroot/images/account--1.svg
deleted file mode 100644
index 0f5eabf..0000000
--- a/src/aoWebWallet/wwwroot/images/account--1.svg
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-	.st1{fill:none;stroke:#FFF9DF;stroke-width:2.88;}
-	.st2{fill:#00599B;}
-	.st3{fill:#AC1D36;}
-	.st4{fill:url(#SVGID_2_);}
-	.st5{fill:#CBCBBF;}
-</style>
-<pattern  y="250" width="72" height="72" patternUnits="userSpaceOnUse" id="SVGID_1_" viewBox="72.2 -72 72 72" style="overflow:visible;">
-	<g>
-		<rect x="72.2" y="-72" class="st0" width="72" height="72"/>
-		<g>
-			<rect x="72.2" y="-72" class="st0" width="72" height="72"/>
-			<g>
-				<line class="st1" x1="144" y1="-68.4" x2="216.5" y2="-68.4"/>
-				<line class="st1" x1="144" y1="-54" x2="216.5" y2="-54"/>
-				<line class="st1" x1="144" y1="-39.6" x2="216.5" y2="-39.6"/>
-				<line class="st1" x1="144" y1="-25.2" x2="216.5" y2="-25.2"/>
-				<line class="st1" x1="144" y1="-10.8" x2="216.5" y2="-10.8"/>
-				<line class="st1" x1="144" y1="-61.2" x2="216.5" y2="-61.2"/>
-				<line class="st1" x1="144" y1="-46.8" x2="216.5" y2="-46.8"/>
-				<line class="st1" x1="144" y1="-32.4" x2="216.5" y2="-32.4"/>
-				<line class="st1" x1="144" y1="-18" x2="216.5" y2="-18"/>
-				<line class="st1" x1="144" y1="-3.6" x2="216.5" y2="-3.6"/>
-			</g>
-			<g>
-				<line class="st1" x1="72" y1="-68.4" x2="144.5" y2="-68.4"/>
-				<line class="st1" x1="72" y1="-54" x2="144.5" y2="-54"/>
-				<line class="st1" x1="72" y1="-39.6" x2="144.5" y2="-39.6"/>
-				<line class="st1" x1="72" y1="-25.2" x2="144.5" y2="-25.2"/>
-				<line class="st1" x1="72" y1="-10.8" x2="144.5" y2="-10.8"/>
-				<line class="st1" x1="72" y1="-61.2" x2="144.5" y2="-61.2"/>
-				<line class="st1" x1="72" y1="-46.8" x2="144.5" y2="-46.8"/>
-				<line class="st1" x1="72" y1="-32.4" x2="144.5" y2="-32.4"/>
-				<line class="st1" x1="72" y1="-18" x2="144.5" y2="-18"/>
-				<line class="st1" x1="72" y1="-3.6" x2="144.5" y2="-3.6"/>
-			</g>
-			<g>
-				<line class="st1" x1="0" y1="-68.4" x2="72.5" y2="-68.4"/>
-				<line class="st1" x1="0" y1="-54" x2="72.5" y2="-54"/>
-				<line class="st1" x1="0" y1="-39.6" x2="72.5" y2="-39.6"/>
-				<line class="st1" x1="0" y1="-25.2" x2="72.5" y2="-25.2"/>
-				<line class="st1" x1="0" y1="-10.8" x2="72.5" y2="-10.8"/>
-				<line class="st1" x1="0" y1="-61.2" x2="72.5" y2="-61.2"/>
-				<line class="st1" x1="0" y1="-46.8" x2="72.5" y2="-46.8"/>
-				<line class="st1" x1="0" y1="-32.4" x2="72.5" y2="-32.4"/>
-				<line class="st1" x1="0" y1="-18" x2="72.5" y2="-18"/>
-				<line class="st1" x1="0" y1="-3.6" x2="72.5" y2="-3.6"/>
-			</g>
-		</g>
-	</g>
-</pattern>
-<g>
-	<rect class="st2" width="248.5" height="248.5"/>
-	<polygon class="st3" points="0,248.5 124.5,248.5 0,2.5 	"/>
-	<pattern  id="SVGID_2_" xlink:href="#SVGID_1_" patternTransform="matrix(2.9819 0 0 -2.9819 30064.8711 -49950.3672)">
-	</pattern>
-	<polygon class="st4" points="0,248.5 124.5,248.5 0,2.5 	"/>
-	<polygon class="st5" points="248.5,0 124,0 248.5,246 	"/>
-</g>
-</svg>
diff --git a/src/aoWebWallet/wwwroot/images/account--2.svg b/src/aoWebWallet/wwwroot/images/account--2.svg
deleted file mode 100644
index 3b973e4..0000000
--- a/src/aoWebWallet/wwwroot/images/account--2.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#CBCBBF;}
-	.st1{fill:#00599B;}
-	.st2{fill:#FFF9DF;}
-	.st3{fill:#AC1D36;}
-</style>
-<g>
-	<rect y="-1.5" class="st0" width="250" height="250"/>
-	<g>
-		<polygon class="st1" points="125,248.5 249.9,248.5 187.4,123.5 		"/>
-		<polygon class="st1" points="0.1,248.5 125,248.5 62.6,123.5 		"/>
-		<polygon class="st2" points="0.1,-1.5 62.6,123.5 125,-1.5 		"/>
-		<polygon class="st2" points="249.9,-1.5 125,-1.5 187.4,123.5 		"/>
-		<polygon class="st3" points="125,-1.5 62.6,123.5 125,248.5 187.4,123.5 		"/>
-	</g>
-</g>
-</svg>
diff --git a/src/aoWebWallet/wwwroot/images/account--3.svg b/src/aoWebWallet/wwwroot/images/account--3.svg
deleted file mode 100644
index 03fd0b7..0000000
--- a/src/aoWebWallet/wwwroot/images/account--3.svg
+++ /dev/null
@@ -1,184 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#CBCBBF;}
-	.st1{fill:#030F4B;}
-	.st2{fill:#FFF9DF;}
-	.st3{clip-path:url(#SVGID_2_);}
-	.st4{clip-path:url(#SVGID_4_);}
-	.st5{fill:none;stroke:#FFF9DF;stroke-width:2.88;}
-	.st6{clip-path:url(#SVGID_6_);}
-	.st7{clip-path:url(#SVGID_8_);}
-	.st8{clip-path:url(#SVGID_10_);}
-	.st9{clip-path:url(#SVGID_12_);}
-	.st10{clip-path:url(#SVGID_14_);}
-	.st11{clip-path:url(#SVGID_16_);}
-	.st12{clip-path:url(#SVGID_18_);fill:#AC1D36;}
-</style>
-<rect class="st0" width="250" height="250"/>
-<rect class="st1" width="125" height="125"/>
-<rect x="29.9" y="32.5" class="st2" width="59.8" height="59.8"/>
-<rect x="125" class="st1" width="125" height="125"/>
-<g>
-	<g>
-		<g>
-			<defs>
-				<rect id="SVGID_1_" x="125" width="125" height="125.1"/>
-			</defs>
-			<clipPath id="SVGID_2_">
-				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-			</clipPath>
-			<g class="st3">
-				<g>
-					<g>
-						<defs>
-							<rect id="SVGID_3_" x="86.1" y="4.9" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_4_">
-							<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st4">
-							<line class="st5" x1="96.9" y1="220.2" x2="96.9" y2="437.6"/>
-							<line class="st5" x1="140.1" y1="220.2" x2="140.1" y2="437.6"/>
-							<line class="st5" x1="183.3" y1="220.2" x2="183.3" y2="437.6"/>
-							<line class="st5" x1="226.5" y1="220.2" x2="226.5" y2="437.6"/>
-							<line class="st5" x1="269.7" y1="220.2" x2="269.7" y2="437.6"/>
-							<line class="st5" x1="118.5" y1="220.2" x2="118.5" y2="437.6"/>
-							<line class="st5" x1="161.7" y1="220.2" x2="161.7" y2="437.6"/>
-							<line class="st5" x1="204.9" y1="220.2" x2="204.9" y2="437.6"/>
-							<line class="st5" x1="248.1" y1="220.2" x2="248.1" y2="437.6"/>
-							<line class="st5" x1="291.3" y1="220.2" x2="291.3" y2="437.6"/>
-						</g>
-					</g>
-					<g>
-						<defs>
-							<rect id="SVGID_5_" x="86.1" y="4.9" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_6_">
-							<use xlink:href="#SVGID_5_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st6">
-							<line class="st5" x1="96.9" y1="4.2" x2="96.9" y2="221.7"/>
-							<line class="st5" x1="140.1" y1="4.2" x2="140.1" y2="221.7"/>
-							<line class="st5" x1="183.3" y1="4.2" x2="183.3" y2="221.7"/>
-							<line class="st5" x1="226.5" y1="4.2" x2="226.5" y2="221.7"/>
-							<line class="st5" x1="269.7" y1="4.2" x2="269.7" y2="221.7"/>
-							<line class="st5" x1="118.5" y1="4.2" x2="118.5" y2="221.7"/>
-							<line class="st5" x1="161.7" y1="4.2" x2="161.7" y2="221.7"/>
-							<line class="st5" x1="204.9" y1="4.2" x2="204.9" y2="221.7"/>
-							<line class="st5" x1="248.1" y1="4.2" x2="248.1" y2="221.7"/>
-							<line class="st5" x1="291.3" y1="4.2" x2="291.3" y2="221.7"/>
-						</g>
-					</g>
-					<g>
-						<defs>
-							<rect id="SVGID_7_" x="86.1" y="4.9" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_8_">
-							<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st7">
-							<line class="st5" x1="96.9" y1="-211.8" x2="96.9" y2="5.7"/>
-							<line class="st5" x1="140.1" y1="-211.8" x2="140.1" y2="5.7"/>
-							<line class="st5" x1="183.3" y1="-211.8" x2="183.3" y2="5.7"/>
-							<line class="st5" x1="226.5" y1="-211.8" x2="226.5" y2="5.7"/>
-							<line class="st5" x1="269.7" y1="-211.8" x2="269.7" y2="5.7"/>
-							<line class="st5" x1="118.5" y1="-211.8" x2="118.5" y2="5.7"/>
-							<line class="st5" x1="161.7" y1="-211.8" x2="161.7" y2="5.7"/>
-							<line class="st5" x1="204.9" y1="-211.8" x2="204.9" y2="5.7"/>
-							<line class="st5" x1="248.1" y1="-211.8" x2="248.1" y2="5.7"/>
-							<line class="st5" x1="291.3" y1="-211.8" x2="291.3" y2="5.7"/>
-						</g>
-					</g>
-				</g>
-			</g>
-		</g>
-		<g>
-			<defs>
-				<rect id="SVGID_9_" x="125" width="125" height="125.1"/>
-			</defs>
-			<clipPath id="SVGID_10_">
-				<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
-			</clipPath>
-			<g class="st8">
-				<g>
-					<g>
-						<defs>
-							<rect id="SVGID_11_" x="86.1" y="-211.1" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_12_">
-							<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st9">
-							<line class="st5" x1="96.9" y1="4.2" x2="96.9" y2="221.7"/>
-							<line class="st5" x1="140.1" y1="4.2" x2="140.1" y2="221.7"/>
-							<line class="st5" x1="183.3" y1="4.2" x2="183.3" y2="221.7"/>
-							<line class="st5" x1="226.5" y1="4.2" x2="226.5" y2="221.7"/>
-							<line class="st5" x1="269.7" y1="4.2" x2="269.7" y2="221.7"/>
-							<line class="st5" x1="118.5" y1="4.2" x2="118.5" y2="221.7"/>
-							<line class="st5" x1="161.7" y1="4.2" x2="161.7" y2="221.7"/>
-							<line class="st5" x1="204.9" y1="4.2" x2="204.9" y2="221.7"/>
-							<line class="st5" x1="248.1" y1="4.2" x2="248.1" y2="221.7"/>
-							<line class="st5" x1="291.3" y1="4.2" x2="291.3" y2="221.7"/>
-						</g>
-					</g>
-					<g>
-						<defs>
-							<rect id="SVGID_13_" x="86.1" y="-211.1" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_14_">
-							<use xlink:href="#SVGID_13_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st10">
-							<line class="st5" x1="96.9" y1="-211.8" x2="96.9" y2="5.7"/>
-							<line class="st5" x1="140.1" y1="-211.8" x2="140.1" y2="5.7"/>
-							<line class="st5" x1="183.3" y1="-211.8" x2="183.3" y2="5.7"/>
-							<line class="st5" x1="226.5" y1="-211.8" x2="226.5" y2="5.7"/>
-							<line class="st5" x1="269.7" y1="-211.8" x2="269.7" y2="5.7"/>
-							<line class="st5" x1="118.5" y1="-211.8" x2="118.5" y2="5.7"/>
-							<line class="st5" x1="161.7" y1="-211.8" x2="161.7" y2="5.7"/>
-							<line class="st5" x1="204.9" y1="-211.8" x2="204.9" y2="5.7"/>
-							<line class="st5" x1="248.1" y1="-211.8" x2="248.1" y2="5.7"/>
-							<line class="st5" x1="291.3" y1="-211.8" x2="291.3" y2="5.7"/>
-						</g>
-					</g>
-					<g>
-						<defs>
-							<rect id="SVGID_15_" x="86.1" y="-211.1" width="216" height="216"/>
-						</defs>
-						<clipPath id="SVGID_16_">
-							<use xlink:href="#SVGID_15_"  style="overflow:visible;"/>
-						</clipPath>
-						<g class="st11">
-							<line class="st5" x1="96.9" y1="-427.8" x2="96.9" y2="-210.3"/>
-							<line class="st5" x1="140.1" y1="-427.8" x2="140.1" y2="-210.3"/>
-							<line class="st5" x1="183.3" y1="-427.8" x2="183.3" y2="-210.3"/>
-							<line class="st5" x1="226.5" y1="-427.8" x2="226.5" y2="-210.3"/>
-							<line class="st5" x1="269.7" y1="-427.8" x2="269.7" y2="-210.3"/>
-							<line class="st5" x1="118.5" y1="-427.8" x2="118.5" y2="-210.3"/>
-							<line class="st5" x1="161.7" y1="-427.8" x2="161.7" y2="-210.3"/>
-							<line class="st5" x1="204.9" y1="-427.8" x2="204.9" y2="-210.3"/>
-							<line class="st5" x1="248.1" y1="-427.8" x2="248.1" y2="-210.3"/>
-							<line class="st5" x1="291.3" y1="-427.8" x2="291.3" y2="-210.3"/>
-						</g>
-					</g>
-				</g>
-			</g>
-		</g>
-	</g>
-</g>
-<g>
-	<g>
-		<defs>
-			<rect id="SVGID_17_" width="250" height="250"/>
-		</defs>
-		<clipPath id="SVGID_18_">
-			<use xlink:href="#SVGID_17_"  style="overflow:visible;"/>
-		</clipPath>
-		<path class="st12" d="M123.5,386.5C55,386.5-0.4,331-0.4,262.6c0-68.5,55.5-123.9,123.9-123.9c68.5,0,123.9,55.5,123.9,123.9
-			C247.5,331.1,192,386.5,123.5,386.5z"/>
-	</g>
-</g>
-</svg>
diff --git a/src/aoWebWallet/wwwroot/images/account--4.svg b/src/aoWebWallet/wwwroot/images/account--4.svg
deleted file mode 100644
index cc36913..0000000
--- a/src/aoWebWallet/wwwroot/images/account--4.svg
+++ /dev/null
@@ -1,95 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#CBCBBF;}
-	.st1{clip-path:url(#SVGID_3_);fill:#CBCBBF;}
-	.st2{clip-path:url(#SVGID_5_);fill:#AC1D36;}
-	.st3{clip-path:url(#SVGID_7_);fill:#00599B;}
-	.st4{clip-path:url(#SVGID_9_);fill:#CBCBBF;}
-	.st5{clip-path:url(#SVGID_11_);fill:#030F4B;}
-	.st6{clip-path:url(#SVGID_13_);fill:#AC1D36;}
-	.st7{clip-path:url(#SVGID_15_);fill:#FFF9DF;}
-</style>
-<g>
-	<g>
-		<g>
-			<rect id="SVGID_1_" class="st0" width="250" height="250"/>
-		</g>
-		<g>
-			<defs>
-				<rect id="SVGID_2_" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_3_">
-				<use xlink:href="#SVGID_2_"  style="overflow:visible;"/>
-			</clipPath>
-			<polygon class="st1" points="125,0 250,125 125,250 0,125 125,0 0,0 0,250 250,250 250,0 			"/>
-		</g>
-		<g>
-			<defs>
-				<rect id="SVGID_4_" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_5_">
-				<use xlink:href="#SVGID_4_"  style="overflow:visible;"/>
-			</clipPath>
-			<polygon class="st2" points="125,335.7 335.7,125 125,-85.7 125,-85.7 -85.7,125 			"/>
-		</g>
-		<g>
-			<defs>
-				
-					<rect id="SVGID_6_" x="0" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7777 125.0013)" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_7_">
-				<use xlink:href="#SVGID_6_"  style="overflow:visible;"/>
-			</clipPath>
-			
-				<rect x="-2.6" y="-2.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7924 125.0366)" class="st3" width="255.2" height="255.3"/>
-		</g>
-		<g>
-			<defs>
-				
-					<rect id="SVGID_8_" x="0" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7789 125.0018)" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_9_">
-				<use xlink:href="#SVGID_8_"  style="overflow:visible;"/>
-			</clipPath>
-			
-				<rect x="17.9" y="17.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7582 125.0518)" class="st4" width="214.3" height="214.3"/>
-		</g>
-		<g>
-			<defs>
-				
-					<rect id="SVGID_10_" x="0" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7787 125.0021)" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_11_">
-				<use xlink:href="#SVGID_10_"  style="overflow:visible;"/>
-			</clipPath>
-			
-				<rect x="36.6" y="36.6" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7787 125.0021)" class="st5" width="176.8" height="176.8"/>
-		</g>
-		<g>
-			<defs>
-				
-					<rect id="SVGID_12_" x="0" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7789 125.002)" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_13_">
-				<use xlink:href="#SVGID_12_"  style="overflow:visible;"/>
-			</clipPath>
-			
-				<rect x="58.2" y="58.2" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7789 125.002)" class="st6" width="133.6" height="133.6"/>
-		</g>
-		<g>
-			<defs>
-				
-					<rect id="SVGID_14_" x="0" y="0" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.778 125.0019)" width="250" height="250"/>
-			</defs>
-			<clipPath id="SVGID_15_">
-				<use xlink:href="#SVGID_14_"  style="overflow:visible;"/>
-			</clipPath>
-			
-				<rect x="80.9" y="81" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -51.7987 124.9519)" class="st7" width="88.1" height="88.1"/>
-		</g>
-	</g>
-</g>
-</svg>
diff --git a/src/aoWebWallet/wwwroot/images/account--5.svg b/src/aoWebWallet/wwwroot/images/account--5.svg
deleted file mode 100644
index ee02298..0000000
--- a/src/aoWebWallet/wwwroot/images/account--5.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#FFF9DF;}
-	.st1{fill:#AC1D36;}
-	.st2{fill:#CBCBBF;}
-	.st3{fill:#030F4B;}
-	.st4{fill:#00599B;}
-</style>
-<rect class="st0" width="250" height="250"/>
-<path class="st1" d="M250,125c0,69-56,125-125,125S0,194,0,125S56,0,125,0S250,56,250,125z"/>
-<rect class="st2" width="125" height="250"/>
-<g>
-	<path class="st3" d="M61.7,0.4c0,0,133.2,116.4-0.4,249.6L61.7,0.4z"/>
-	<path class="st4" d="M61.7,0.4c0,0-133.6,116-0.4,249.6L61.7,0.4z"/>
-</g>
-</svg>
diff --git a/src/aoWebWallet/wwwroot/index.html b/src/aoWebWallet/wwwroot/index.html
index b061bb3..5ccda02 100644
--- a/src/aoWebWallet/wwwroot/index.html
+++ b/src/aoWebWallet/wwwroot/index.html
@@ -55,6 +55,9 @@
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <!-- If you add any scoped CSS files, uncomment the following to load them
     <link href="aoWebWallet.styles.css" rel="stylesheet" /> -->
+    <script type="module">
+        import { minidenticonSvg } from 'https://cdn.jsdelivr.net/npm/minidenticons@4.2.1/minidenticons.min.js'
+    </script>
 </head>
 
 <body>

From 2e3b52620ddf38c5ada1bfc896216b172231dc58 Mon Sep 17 00:00:00 2001
From: Michiel Post <michiel@michielpost.nl>
Date: Sun, 19 May 2024 19:36:43 +0200
Subject: [PATCH 2/2] smaller avatar in navbar

---
 src/aoWebWallet/Shared/NavMenu.razor | 2 +-
 src/aoWebWallet/wwwroot/index.html   | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/aoWebWallet/Shared/NavMenu.razor b/src/aoWebWallet/Shared/NavMenu.razor
index c3d328d..46b2506 100644
--- a/src/aoWebWallet/Shared/NavMenu.razor
+++ b/src/aoWebWallet/Shared/NavMenu.razor
@@ -11,7 +11,7 @@
                     string detailUrl = $"wallet/{wallet.Address}";
 
                     <MudNavLink Class="menu-wallets" Href="@detailUrl" style="font-size:12px;" Match="NavLinkMatch.All">
-                    <div style="height:50px;width:50px">
+                    <div style="height:30px;width:30px">
                         <minidenticon-svg username="@wallet.Address"></minidenticon-svg>
                     </div>
                         <div>@wallet.Address.ToShortAddress()</div>
diff --git a/src/aoWebWallet/wwwroot/index.html b/src/aoWebWallet/wwwroot/index.html
index 5ccda02..50d589d 100644
--- a/src/aoWebWallet/wwwroot/index.html
+++ b/src/aoWebWallet/wwwroot/index.html
@@ -55,9 +55,7 @@
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     <!-- If you add any scoped CSS files, uncomment the following to load them
     <link href="aoWebWallet.styles.css" rel="stylesheet" /> -->
-    <script type="module">
-        import { minidenticonSvg } from 'https://cdn.jsdelivr.net/npm/minidenticons@4.2.1/minidenticons.min.js'
-    </script>
+
 </head>
 
 <body>
@@ -65,7 +63,7 @@
         <div class="all-together-loading" Style="width:100%; display:flex; flex-direction:column; justify-content:center; align-items: center; height: 100vh">
             <div Style="width:100%; display:flex; flex-direction:column; justify-content:center; align-items: center; height: 100vh">
                 <div class="background-xs">
-                    <img src="images/ths.svg" Alt="AoWW"  class="ww-image-start-xs"/>
+                    <img src="images/ths.svg" Alt="AoWW" class="ww-image-start-xs" />
                 </div>
                 <h4 style="color:white;opacity: 0.55; margin-top:20px;">loading...</h4>
                 <!--<div class="circle-text">
@@ -109,6 +107,9 @@ <h4 style="color:white;opacity: 0.55; margin-top:20px;">loading...</h4>
             }
         });
     </script>
+    <script type="module">
+        import { minidenticonSvg } from 'https://cdn.jsdelivr.net/npm/minidenticons@4.2.1/minidenticons.min.js'
+    </script>
 </body>
 
 </html>