minor: added default parameters in setup page

latitude-dev · Sep 9, 2024 · 8732b52 · 8732b52
1 parent e749d6e
commit 8732b52
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/apps/web/src/app/(public)/setup/SetupForm/index.tsx b/apps/web/src/app/(public)/setup/SetupForm/index.tsx
@@ -6,7 +6,17 @@ import { Button, FormWrapper, Input, useToast } from '@latitude-data/web-ui'
 import { setupAction } from '$/actions/user/setupAction'
 import { useServerAction } from 'zsa-react'
 
-export default function SetupForm({ footer }: { footer: ReactNode }) {
+export default function SetupForm({
+  email,
+  name,
+  companyName,
+  footer,
+}: {
+  email?: string
+  name?: string
+  companyName?: string
+  footer: ReactNode
+}) {
   const { toast } = useToast()
   const { isPending, error, executeFormAction } = useServerAction(setupAction, {
     onError: ({ err }) => {
@@ -30,19 +40,22 @@ export default function SetupForm({ footer }: { footer: ReactNode }) {
           label='Name'
           placeholder='Jon Snow'
           errors={errors?.name}
+          defaultValue={name}
         />
         <Input
           name='email'
           autoComplete='email'
           label='Email'
           placeholder='[email protected]'
           errors={errors?.email}
+          defaultValue={email}
         />
         <Input
           name='companyName'
           label='Workspace Name'
           placeholder='Acme Inc.'
           errors={errors?.companyName}
+          defaultValue={companyName}
         />
         <Button fullWidth isLoading={isPending} fancy>
           Create account

diff --git a/apps/web/src/app/(public)/setup/page.tsx b/apps/web/src/app/(public)/setup/page.tsx
@@ -6,7 +6,11 @@ import SetupForm from './SetupForm'
 
 export const dynamic = 'force-dynamic'
 
-export default function SetupPage() {
+export default function SetupPage({
+  searchParams,
+}: {
+  searchParams?: { email: string; name: string; companyName: string }
+}) {
   return (
     <FocusLayout
       header={
@@ -18,7 +22,12 @@ export default function SetupPage() {
     >
       <Card>
         <CardContent standalone>
-          <SetupForm footer={<AuthFooter />} />
+          <SetupForm
+            email={searchParams?.email}
+            name={searchParams?.name}
+            companyName={searchParams?.companyName}
+            footer={<AuthFooter />}
+          />
         </CardContent>
       </Card>
     </FocusLayout>