feat: do onboarding if not done yet

Author: gregfromstl

apps/dashboard/src/app/login/page.tsx

@@ -7,11 +7,12 @@ import { useTheme } from "next-themes";
 import { useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
 import { ConnectEmbed } from "thirdweb/react";
-import { getProfiles } from "thirdweb/wallets";
 import { getCookie } from "../../stores/SyncStoreToCookies";
 import { ThirdwebMiniLogo } from "../components/ThirdwebMiniLogo";
 import { getSDKTheme } from "../components/sdk-component-theme";
 import { doLogin, doLogout, getLoginPayload, isLoggedIn } from "./auth-actions";
+import { getAccountPreferences } from "lib/onboarding";
+import { useAccount } from "@3rdweb-sdk/react/hooks/useApi";
 
 export default function LoginPage() {
   return (
@@ -45,19 +46,29 @@ function CustomConnectEmmbed() {
   const { theme } = useTheme();
   const nextSearchParam = searchParams?.get("next");
   const client = useThirdwebClient();
+  const accountQuery = useAccount();
 
   async function onLoginSuccessful() {
-    const profiles = await getProfiles({ client });
     if (nextSearchParam && isValidRedirectPath(nextSearchParam)) {
       router.replace(nextSearchParam);
     } else {
       const dashboardType = getCookie("x-dashboard-type");
+      const account = await accountQuery.refetch();
+      if (!account.data) throw new Error("No account found.");
+      const existingAccountPreferences = await getAccountPreferences({
+        accountId: account.data.id,
+      });
+
+      if (!existingAccountPreferences) {
+        router.replace(
+          `/onboarding?${account.data.email ? `email=${account.data.email}` : ""}`,
+        );
+      }
+
       if (dashboardType === "team") {
         router.replace("/team");
       } else {
-        router.replace(
-          `/onboarding?${profiles[0] ? `email=${profiles[0].details.email}` : ""}`,
-        );
+        router.replace("/dashboard");
       }
     }
   }

apps/dashboard/src/app/onboarding/page.tsx

@@ -30,6 +30,7 @@ import {
   type UseFormRegister,
   useForm,
 } from "react-hook-form";
+import { getCookie } from "stores/SyncStoreToCookies";
 import { Blobbie } from "thirdweb/react";
 import { shortenAddress } from "thirdweb/utils";
 import { FormErrorMessage, FormLabel } from "tw-components";
@@ -71,7 +72,6 @@ export default function OnboardingPage({
   searchParams,
 }: { searchParams: { address: string; email: string | undefined } }) {
   const accountQuery = useAccount();
-  console.log(searchParams.email);
   const [step, setStep] = useState(searchParams.email ? 2 : 1);
   const [direction, setDirection] = useState(1);
   const router = useRouter();
@@ -116,7 +116,12 @@ export default function OnboardingPage({
       throw new Error(json.message);
     }
 
-    router.push("/dashboard");
+    const dashboardType = getCookie("x-dashboard-type");
+    if (dashboardType === "team") {
+      router.push("/team");
+    } else {
+      router.push("/dashboard");
+    }
   };
 
   const watchInterests = watch("interests");

apps/dashboard/src/lib/onboarding.ts

@@ -0,0 +1,27 @@
+import { THIRDWEB_ANALYTICS_API_HOST } from "constants/urls";
+
+export async function getAccountPreferences(args: {
+  accountId: string;
+}) {
+  const { accountId } = args;
+
+  const res = await fetch(
+    `${THIRDWEB_ANALYTICS_API_HOST}/v1/preferences/account/${accountId}`,
+    {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    },
+  );
+  const json = await res.json();
+
+  if (res.status !== 200) {
+    if (res.status === 404) {
+      return null;
+    }
+    throw new Error(json.message);
+  }
+
+  return json.data;
+}