From 7da329da45cb08e69c8ef544ef4d39852364b8b7 Mon Sep 17 00:00:00 2001
From: Alec Rippberger <127791530+alec-livefront@users.noreply.github.com>
Date: Fri, 28 Feb 2025 11:39:50 -0600
Subject: [PATCH] fix(ui): [PM-18719] fix endless spinner on read key button

This resolves an issue where the WebAuthn setup component's read key button would show a loading spinner indefinitely. The fix addresses problems with Signal handling for the bitButton component's disabled/loading states.

JIRA: PM-18719
---
 .../two-factor/two-factor-setup-webauthn.component.html     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/auth/settings/two-factor/two-factor-setup-webauthn.component.html b/apps/web/src/app/auth/settings/two-factor/two-factor-setup-webauthn.component.html
index 8e7a789d9d..4d50516163 100644
--- a/apps/web/src/app/auth/settings/two-factor/two-factor-setup-webauthn.component.html
+++ b/apps/web/src/app/auth/settings/two-factor/two-factor-setup-webauthn.component.html
@@ -63,16 +63,16 @@
         type="button"
         [bitAction]="readKey"
         buttonType="secondary"
-        [disabled]="$any(readKeyBtn).loading || webAuthnListening || !keyIdAvailable"
+        [disabled]="$any(readKeyBtn).loading() || webAuthnListening || !keyIdAvailable"
         class="tw-mr-2"
         #readKeyBtn
       >
         {{ "readKey" | i18n }}
       </button>
-      <ng-container *ngIf="$any(readKeyBtn).loading">
+      <ng-container *ngIf="$any(readKeyBtn).loading()">
         <i class="bwi bwi-spinner bwi-spin tw-text-muted" aria-hidden="true"></i>
       </ng-container>
-      <ng-container *ngIf="!$any(readKeyBtn).loading">
+      <ng-container *ngIf="!$any(readKeyBtn).loading()">
         <ng-container *ngIf="webAuthnListening">
           <i class="bwi bwi-spinner bwi-spin tw-text-muted" aria-hidden="true"></i>
           {{ "twoFactorU2fWaiting" | i18n }}...