@indietabletop/appkit 5.2.0 → 5.2.1

package/lib/account/JoinCard.tsx

@@ -1,6 +1,6 @@
 import { Form, useStoreState } from "@ariakit/react";
 import { type Dispatch, type SetStateAction, useState } from "react";
-import { Link, useLocation } from "wouter";
+import { Link } from "wouter";
 import { useAppConfig, useClient } from "../AppConfig/AppConfig.tsx";
 import { cx } from "../class-names.ts";
 import { interactiveText } from "../common.css.ts";
@@ -163,14 +163,7 @@ type SubmitCodeStepProps = {
 
 function SubmitCodeStep(props: SubmitCodeStepProps) {
   const { tokenId, email, setStep } = props;
-  const [_, navigate] = useLocation();
   const client = useClient();
-  const redirectPath = useRedirectPath();
-
-  // Use redirect path if found in search params, otherwise go the success step.
-  const onSuccess = redirectPath
-    ? () => navigate(redirectPath)
-    : () => setStep({ type: "SUCCESS" });
 
   const { form, submitName } = useForm({
     defaultValues: {
@@ -185,7 +178,9 @@ function SubmitCodeStep(props: SubmitCodeStepProps) {
         });
       });
     },
-    onSuccess,
+    onSuccess() {
+      setStep({ type: "SUCCESS" });
+    },
   });
 
   return (
@@ -218,6 +213,8 @@ function SubmitCodeStep(props: SubmitCodeStepProps) {
 
 function SuccessStep() {
   const { hrefs } = useAppConfig();
+  const redirectPath = useRedirectPath();
+
   return (
     <Letterhead>
       <LetterheadHeader>
@@ -227,8 +224,8 @@ function SuccessStep() {
         </LetterheadParagraph>
       </LetterheadHeader>
 
-      <Link href={hrefs.dashboard()} {...cx(button())}>
-        Go to dashboard
+      <Link href={redirectPath ?? hrefs.dashboard()} {...cx(button())}>
+        {redirectPath ? "Continue" : "Go to dashboard"}
       </Link>
     </Letterhead>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indietabletop/appkit",
-  "version": "5.2.0",
+  "version": "5.2.1",
   "description": "A collection of modules used in apps built by Indie Tabletop Club",
   "private": false,
   "type": "module",