fix: handle skip on connection-error

alchemyplatform · Nov 19, 2024 · 03c53d5 · 03c53d5
1 parent 4fcd939
commit 03c53d5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git 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={<PasskeyConnectionFailed />}
         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
@@ -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}
         </Button>
       )}
+      {handleSkip && (
+        <Button
+          onClick={handleSkip}
+          variant={"social"}
+          className="border-0 bg-btn-secondary"
+        >
+          {ls.error.cta.skip}
+        </Button>
+      )}
     </div>
   );
 };
diff --git 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: {