From 676d9948f14d7dd5eccb573ea565cde5fb6da06f Mon Sep 17 00:00:00 2001
From: Andreas Coroiu <andreas.coroiu@gmail.com>
Date: Thu, 4 May 2023 09:29:23 +0200
Subject: [PATCH] [PM-1024] feat: add badge and button aria label

---
 .../fido2-login-settings.component.html                   | 8 ++++++--
 apps/web/src/locales/en/messages.json                     | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.html b/apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.html
index effbefa058..50643b9e6b 100644
--- a/apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.html
+++ b/apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.html
@@ -1,7 +1,11 @@
-<h2 bitTypography="h2">{{ "loginWithPasskey" | i18n }}</h2>
+<h2 bitTypography="h2">
+  {{ "loginWithPasskey" | i18n }} <span bitBadge badgeType="secondary">Not implemented</span>
+</h2>
 <p bitTypography="body1">
   {{ "loginWithPasskeyInfo" | i18n }}
   <a bitLink href="???">{{ "learnMoreAboutPasswordless" | i18n }}</a>
 </p>
 
-<button type="button" bitButton>{{ "enable" | i18n }}</button>
+<button type="button" bitButton [attr.aria-label]="'enableLoginWithPasskey' | i18n">
+  {{ "enable" | i18n }}
+</button>
diff --git a/apps/web/src/locales/en/messages.json b/apps/web/src/locales/en/messages.json
index 82036f2a64..d49fe1aa2c 100644
--- a/apps/web/src/locales/en/messages.json
+++ b/apps/web/src/locales/en/messages.json
@@ -631,6 +631,9 @@
   "loginWithPasskeyInfo": {
     "message": "Use facial recognition, a fingerprint, or other FIDO2 security key to log in instead of your email and password."
   },
+  "enableLoginWithPasskey": {
+    "message": "Turn on log in with passkey"
+  },
   "learnMoreAboutPasswordless": {
     "message": "Learn more about passwordless"
   },