Disable generate wallet button after click

michielpost · May 26, 2024 · b6eb9de · b6eb9de
1 parent 1ce133f
commit b6eb9de
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/aoWebWallet/Shared/AddGenerateWalletComponent.razor b/src/aoWebWallet/Shared/AddGenerateWalletComponent.razor
@@ -13,7 +13,7 @@
 
             <MudText DefaultFocus="DefaultFocus" Color="Color.Secondary">@Progress</MudText>
             <div Class="d-w-100 d-flex justify-center mt-2">
-                <MudButton Class="text-transform-none"  Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit">
+                <MudButton Disabled="ButtonDisabled" Class="text-transform-none"  Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit">
                     Create aoWW Wallet
                 </MudButton>
             </div>
@@ -23,6 +23,7 @@
 @code {
 
     bool Disabled { get; set; } = false;
+    bool ButtonDisabled { get; set; } = false;
     DefaultFocus DefaultFocus { get; set; } = DefaultFocus.FirstChild;
 
     [Parameter]
@@ -44,6 +45,10 @@
 
     public async Task<bool> Submit()
     {
+        if (ButtonDisabled)
+            return false;
+
+        ButtonDisabled = true;
         var jwk = await ArweaveService.GenerateWallet();
         var address = await ArweaveService.GetAddress(jwk);
 
@@ -62,6 +67,8 @@
 
         Snackbar.Add($"Wallet added ({address})", Severity.Info);
 
+        ButtonDisabled = false;
+
         if (MudDialog != null)
         {
             MudDialog.Close();