diff --git a/account-kit/react/src/components/auth/card/add-passkey.tsx b/account-kit/react/src/components/auth/card/add-passkey.tsx index fb48a87cf1..6de8a97b7a 100644 --- a/account-kit/react/src/components/auth/card/add-passkey.tsx +++ b/account-kit/react/src/components/auth/card/add-passkey.tsx @@ -50,6 +50,7 @@ export const AddPasskey = () => { icon={} shouldDisconnect={false} handleTryAgain={addPasskey} + handleSkip={() => setAuthStep({ type: "complete" })} /> ); } diff --git a/account-kit/react/src/components/auth/card/error/connection-error.tsx b/account-kit/react/src/components/auth/card/error/connection-error.tsx index e78f61af6a..75616b951d 100644 --- a/account-kit/react/src/components/auth/card/error/connection-error.tsx +++ b/account-kit/react/src/components/auth/card/error/connection-error.tsx @@ -12,6 +12,7 @@ type ConnectionErrorProps = { handleTryAgain?: () => void; handleUseAnotherMethod?: () => void; shouldDisconnect?: boolean; + handleSkip?: () => void; }; export const ConnectionError = ({ @@ -22,6 +23,7 @@ export const ConnectionError = ({ handleTryAgain, handleUseAnotherMethod, shouldDisconnect = true, + handleSkip, }: ConnectionErrorProps) => { const { config } = useAlchemyAccountContext(); @@ -53,6 +55,15 @@ export const ConnectionError = ({ {ls.error.cta.useAnotherMethod} )} + {handleSkip && ( + + )} ); }; diff --git a/account-kit/react/src/strings.ts b/account-kit/react/src/strings.ts index 174d8fa470..e5ee54ea3e 100644 --- a/account-kit/react/src/strings.ts +++ b/account-kit/react/src/strings.ts @@ -61,6 +61,7 @@ const STRINGS = { cta: { tryAgain: "Try again", useAnotherMethod: "Use another method", + skip: "Skip", }, customErrorMessages: { eoa: {