From a802f0bceb434d406949e5887b4b3db3d02cc524 Mon Sep 17 00:00:00 2001
From: David Nguyen <davidngu28@gmail.com>
Date: Fri, 15 Mar 2024 16:42:32 +0800
Subject: [PATCH] fix: add passkey instruction

---
 .../security/passkeys/create-passkey-dialog.tsx      | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/web/src/app/(dashboard)/settings/security/passkeys/create-passkey-dialog.tsx b/apps/web/src/app/(dashboard)/settings/security/passkeys/create-passkey-dialog.tsx
index 43504845d..0262f199c 100644
--- a/apps/web/src/app/(dashboard)/settings/security/passkeys/create-passkey-dialog.tsx
+++ b/apps/web/src/app/(dashboard)/settings/security/passkeys/create-passkey-dialog.tsx
@@ -171,6 +171,18 @@ export const CreatePasskeyDialog = ({ trigger, ...props }: CreatePasskeyDialogPr
                 )}
               />
 
+              <Alert variant="neutral">
+                <AlertDescription>
+                  When you click continue, you will be prompted to add the first available
+                  authenticator on your system.
+                </AlertDescription>
+
+                <AlertDescription className="mt-2">
+                  If you do not want to use the authenticator prompted, you can close it, which will
+                  then display the next avaliable authenticator.
+                </AlertDescription>
+              </Alert>
+
               {formError && (
                 <Alert variant="destructive">
                   {match(formError)