From 5e731fb3280da01b307f39e791b4be27e926f12b Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kspearrin@users.noreply.github.com>
Date: Fri, 6 May 2022 09:07:30 -0400
Subject: [PATCH] add appApiAction to username generation (#2549)

---
 .../browser/src/popup/generator/generator.component.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/popup/generator/generator.component.html b/apps/browser/src/popup/generator/generator.component.html
index f1b87370a2..7314f09088 100644
--- a/apps/browser/src/popup/generator/generator.component.html
+++ b/apps/browser/src/popup/generator/generator.component.html
@@ -43,7 +43,7 @@
   </div>
   <div class="generated-block" *ngIf="type === 'username'">
     <div class="generated-wrapper" [innerHTML]="username | colorPassword" appSelectCopy></div>
-    <div class="action-buttons">
+    <div class="action-buttons" #form [appApiAction]="usernameGeneratingPromise">
       <button
         type="button"
         class="row-btn"
@@ -59,8 +59,13 @@
         appBlurClick
         appA11yTitle="{{ 'regenerateUsername' | i18n }}"
         (click)="regenerate()"
+        [disabled]="form.loading"
       >
-        <i class="bwi bwi-lg bwi-generate" aria-hidden="true"></i>
+        <i
+          class="bwi bwi-lg bwi-generate"
+          [ngClass]="form.loading ? 'bwi-spin' : ''"
+          aria-hidden="true"
+        ></i>
       </button>
     </div>
   </div>