add token on wallet details page fix

Author: michielpost

src/aoWebWallet/Pages/WalletDetail.razor

@@ -202,7 +202,7 @@
     private void OpenAddTokenDialog()
     {
         var options = new DialogOptions { CloseOnEscapeKey = true };
-        DialogService.Show<AddTokenDialog>("Add Token", options);
+        DialogService.Show<AddTokenToWalletDialog>("Add Token", options);
     }
 
     private async void EditWallet(Wallet wallet)

src/aoWebWallet/Pages/WalletDetail.razor.cs

@@ -33,9 +33,9 @@ private void BindingContext_PropertyChanged(object? sender, System.ComponentMode
             }
         }
 
-        private void TokenList_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
+        private async void TokenList_CollectionChanged(object? sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e)
         {
-            BindingContext.TokenAddedRefresh();
+            await BindingContext.TokenAddedRefresh();
         }
 
         protected override async Task OnParametersSetAsync()

src/aoWebWallet/Shared/AddTokenToWalletDialog.razor

@@ -0,0 +1,64 @@
+@inject TokenDataService dataService
+@inherits MvvmComponentBase<WalletDetailViewModel>
+@inject ISnackbar Snackbar
+
+<MudDialog>
+    <DialogContent>
+        Add a token to view your balance. Provide a process-id that implements the token standard.
+        <MudFocusTrap DefaultFocus="DefaultFocus.FirstChild">
+            <MudTextField @bind-Value="TokenId" Label="Token Id" Mask="@(new RegexMask("^[a-zA-Z0-9_\\-]{0,43}$"))" MaxLength="43" Variant="Variant.Text"></MudTextField>
+        </MudFocusTrap>
+        <MudText Color="Color.Secondary">@Progress</MudText>
+    </DialogContent>
+    <DialogActions>
+        <MudButton OnClick="Cancel">Cancel</MudButton>
+        <MudButton Color="Color.Primary" OnClick="Submit">Ok</MudButton>
+    </DialogActions>
+</MudDialog>
+@code {
+    [CascadingParameter] MudDialogInstance MudDialog { get; set; } = default!;
+
+    public string? TokenId { get; set; }
+    public string? Progress { get; set; }
+
+    public async Task Submit()
+    {
+        if (string.IsNullOrWhiteSpace(TokenId))
+        {
+            Progress = "Input the process-id of an ao-process implementing the token standard.";
+            return;
+        }
+        if(TokenId.Length != 43)
+        {
+            Progress = "Length must be 43 characters.";
+            return;
+        }
+
+        Progress = "Checking metadata...";
+        try
+        {
+            var token = await dataService.LoadTokenAsync(TokenId);
+            var data = token.TokenData;
+            if (data != null)
+            {
+                BindingContext.VisibleTokenList.Add(TokenId);
+                BindingContext.TokenAddedRefresh();
+
+                Snackbar.Add($"Token added ({data.Name})", Severity.Info);
+
+                MudDialog.Close(DialogResult.Ok(true));
+            }
+            else
+            {
+                Progress = "Could not find token metadata.";
+            }
+        }
+        catch
+        {
+            Progress = "Could not find token metadata.";
+        }
+    }
+
+    //void Submit() => MudDialog.Close(DialogResult.Ok(true));
+    void Cancel() => MudDialog.Cancel();
+}

src/aoWebWallet/aoWebWallet.csproj

@@ -13,7 +13,7 @@
 
 	<ItemGroup>
 		<PackageReference Include="ArweaveAO" Version="0.0.3" />
-		<PackageReference Include="ArweaveBlazor" Version="0.0.7" />
+		<PackageReference Include="ArweaveBlazor" Version="0.0.8" />
 		<PackageReference Include="ClipLazor" Version="2.1.1" />
 		<PackageReference Include="MudBlazor" Version="6.19.1" />
 		<PackageReference Include="Blazored.LocalStorage" Version="4.5.0" />