Fix nothing showing when biometrics unavailable

Author: quexten

libs/key-management-ui/src/lock/components/lock.component.ts

@@ -276,7 +276,7 @@ export class LockComponent implements OnInit, OnDestroy {
       this.lockComponentService.getAvailableUnlockOptions$(activeAccount.id),
     );
 
-    this.setDefaultActiveUnlockOption(this.unlockOptions);
+    await this.setDefaultActiveUnlockOption(this.unlockOptions);
 
     if (this.unlockOptions?.biometrics.enabled) {
       await this.handleBiometricsUnlockEnabled();
@@ -299,14 +299,26 @@ export class LockComponent implements OnInit, OnDestroy {
     });
   }
 
-  private setDefaultActiveUnlockOption(unlockOptions: UnlockOptions | null) {
+  private async setDefaultActiveUnlockOption(unlockOptions: UnlockOptions | null) {
+    const biometricsStatus = await this.biometricService.getBiometricsStatusForUser(
+      this.activeAccount.id,
+    );
+
     // Priorities should be Biometrics > Pin > Master Password for speed
     if (unlockOptions?.biometrics.enabled) {
       this.activeUnlockOption = UnlockOption.Biometrics;
     } else if (unlockOptions?.pin.enabled) {
       this.activeUnlockOption = UnlockOption.Pin;
     } else if (unlockOptions?.masterPassword.enabled) {
       this.activeUnlockOption = UnlockOption.MasterPassword;
+      // If biometrics is temporarily unavailable for masterpassword-less users, but they have biometrics configured,
+      // then show the biometrics screen so the user knows why they can't unlock, and to give them the option to log out.
+    } else if (
+      biometricsStatus === BiometricsStatus.HardwareUnavailable ||
+      biometricsStatus === BiometricsStatus.DesktopDisconnected ||
+      biometricsStatus === BiometricsStatus.NotEnabledInConnectedDesktopApp
+    ) {
+      this.activeUnlockOption = UnlockOption.Biometrics;
     }
   }