sign in with passkeys coming soon (#11)

### TL;DR

Added a toast notification for 'Sign-in with Passkeys' feature which is still under development.

### What changed?

'The Sign-in with Passkey' button now triggers a toast notification informing the user that this feature is coming soon.

### How to test?

Click on the 'Sign-in with Passkey' button on the login page. You should see a notification with the message 'Sign-in with Passkeys is coming soon!'.

### Why make this change?

This change has been made to inform users about upcoming features in an interactive manner and ensure a smooth user experience by preventing confusion about non-functional buttons.
This commit is contained in:
Vivian Phung 2024-05-06 13:32:12 -04:00 committed by GitHub
commit cf531127c4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -137,6 +137,14 @@ export const Login = ({ onDone }: Props) => {
disabled={!!loading}
onClick={async () => {
setProvider('passkey');
await new Promise((resolve) => setTimeout(resolve, 800));
setProvider(false);
toast({
id: 'coming-soon',
title: 'Sign-in with Passkeys is coming soon!',
variant: 'info',
onDismiss() {},
});
}}
>
Sign In with Passkey