diff --git a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx index 4b6c5abb96aa4..4bceec89a9b8c 100644 --- a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx +++ b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx @@ -1,6 +1,7 @@ import { Field, FieldProps, Formik } from "formik"; import React, { useMemo } from "react"; import { FormattedMessage, useIntl } from "react-intl"; +import { useSearchParams } from "react-router-dom"; import styled from "styled-components"; import * as yup from "yup"; @@ -195,15 +196,19 @@ export const SignupForm: React.FC = () => { return yup.object().shape(shape); }, [showName, showCompanyName]); + const [params] = useSearchParams(); + const search = Object.fromEntries(params); + + const initialValues = { + name: `${search.firstname ?? ""} ${search.lastname ?? ""}`.trim(), + companyName: search.company ?? "", + email: search.email ?? "", + password: "", + news: true, + }; return ( - initialValues={{ - name: "", - companyName: "", - email: "", - password: "", - news: true, - }} + initialValues={initialValues} validationSchema={validationSchema} onSubmit={async (values, { setFieldError, setStatus }) => signUp(values).catch((err) => {