Prefill the profile data for the Partner on onboarding form

Author: devkiran

apps/web/app/partners.dub.co/(onboarding)/onboarding/onboarding-form.tsx

@@ -2,6 +2,7 @@
 
 import { onboardPartnerAction } from "@/lib/actions/partners/onboard-partner";
 import { onboardPartnerSchema } from "@/lib/zod/schemas/partners";
+import { Partner } from "@dub/prisma/client";
 import {
   Button,
   buttonVariants,
@@ -21,7 +22,11 @@ import ReactTextareaAutosize from "react-textarea-autosize";
 import { toast } from "sonner";
 import { z } from "zod";
 
-export function OnboardingForm() {
+export function OnboardingForm({
+  partner,
+}: {
+  partner: Pick<Partner, "bio" | "country" | "image"> | null;
+}) {
   const router = useRouter();
   const { data: session } = useSession();
   const { isMobile } = useMediaQuery();
@@ -34,7 +39,13 @@ export function OnboardingForm() {
     setValue,
     watch,
     formState: { errors, isSubmitting, isSubmitSuccessful },
-  } = useForm<z.infer<typeof onboardPartnerSchema>>();
+  } = useForm<z.infer<typeof onboardPartnerSchema>>({
+    defaultValues: {
+      description: partner?.bio ?? undefined,
+      country: partner?.country ?? undefined,
+      image: partner?.image ?? undefined,
+    },
+  });
 
   useEffect(() => {
     if (session?.user) {

apps/web/app/partners.dub.co/(onboarding)/onboarding/page.tsx

@@ -1,7 +1,22 @@
+import { getSession } from "@/lib/auth";
+import { prisma } from "@dub/prisma";
 import { ConnectedDots4 } from "@dub/ui/icons";
 import { OnboardingForm } from "./onboarding-form";
 
-export default function Onboarding() {
+export default async function Onboarding() {
+  const { user } = await getSession();
+
+  const partner = await prisma.partner.findUnique({
+    where: {
+      email: user.email,
+    },
+    select: {
+      bio: true,
+      country: true,
+      image: true,
+    },
+  });
+
   return (
     <div className="mx-auto my-10 flex w-full max-w-sm flex-col items-center md:mt-14">
       <div className="animate-slide-up-fade flex size-10 items-center justify-center rounded-full border border-neutral-200 bg-white backdrop-blur-sm [--offset:8px] [animation-delay:250ms] [animation-duration:1s] [animation-fill-mode:both]">
@@ -11,7 +26,7 @@ export default function Onboarding() {
         Create your Dub Partner profile
       </h1>
       <div className="animate-slide-up-fade mt-8 w-full [--offset:10px] [animation-delay:500ms] [animation-duration:1s] [animation-fill-mode:both]">
-        <OnboardingForm />
+        <OnboardingForm partner={partner} />
       </div>
     </div>
   );