[PM-2014] feat: change toast depending on existing passkeys

apps/web/src/app/auth/settings/fido2-login-settings/create-credential-dialog/create-credential-dialog.component.html

@@ -59,7 +59,7 @@
           {{ "tryAgain" | i18n }}
         </ng-container>
         <ng-container *ngIf="currentStep === 'credentialNaming'">
-          {{ ((hasPasskeys$ | async) ? "save" : "turnOn ") | i18n }}
+          {{ ((hasPasskeys$ | async) ? "save" : "enable") | i18n }}
         </ng-container>
       </button>
       <button type="button" bitButton bitFormButton buttonType="secondary" bitDialogClose>

apps/web/src/app/auth/settings/fido2-login-settings/create-credential-dialog/create-credential-dialog.component.ts

@@ -1,7 +1,7 @@
 import { DialogConfig, DialogRef } from "@angular/cdk/dialog";
 import { Component, OnInit } from "@angular/core";
 import { FormBuilder, Validators } from "@angular/forms";
-import { map, Observable } from "rxjs";
+import { firstValueFrom, map, Observable } from "rxjs";
 
 import { DialogServiceAbstraction } from "@bitwarden/angular/services/dialog";
 import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
@@ -144,7 +144,19 @@ export class CreateCredentialDialogComponent implements OnInit {
       return;
     }
 
-    this.platformUtilsService.showToast("success", null, this.i18nService.t("passkeySaved", name));
+    if (firstValueFrom(this.hasPasskeys$)) {
+      this.platformUtilsService.showToast(
+        "success",
+        null,
+        this.i18nService.t("passkeySaved", name)
+      );
+    } else {
+      this.platformUtilsService.showToast(
+        "success",
+        null,
+        this.i18nService.t("loginWithPasskeyEnabled")
+      );
+    }
 
     this.dialogRef.close(CreateCredentialDialogResult.Success);
   }

apps/web/src/locales/en/messages.json

@@ -664,6 +664,9 @@
   "supportsEncryption": {
     "message": "supports encryption"
   },
+  "loginWithPasskeyEnabled": {
+    "message": "Log in with passkey turned on"
+  },
   "passkeySaved": {
     "message": "$NAME$ saved",
     "placeholders": {