diff --git a/src/components/UserPersona/UserPersonaForm.tsx b/src/components/UserPersona/UserPersonaForm.tsx index 0aa6aaeb6..b77b69c26 100644 --- a/src/components/UserPersona/UserPersonaForm.tsx +++ b/src/components/UserPersona/UserPersonaForm.tsx @@ -7,6 +7,7 @@ export type UserPersonaFormData = { expertise: string; goal: string; commit: string; + about: string; }; type UserPersonaFormProps = { @@ -58,11 +59,13 @@ export function UserPersonaForm(props: UserPersonaFormProps) { const [selectedGoal, setSelectedGoal] = useState(getInitialGoalSelection()); const [goal, setGoal] = useState(defaultValues?.goal ?? ''); const [commit, setCommit] = useState(defaultValues?.commit ?? ''); + const [about, setAbout] = useState(defaultValues?.about ?? ''); const expertiseFieldId = useId(); const goalFieldId = useId(); const goalSelectId = useId(); const commitFieldId = useId(); + const aboutFieldId = useId(); const goalRef = useRef(null); @@ -81,7 +84,7 @@ export function UserPersonaForm(props: UserPersonaFormProps) { const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); - onSubmit({ expertise, goal, commit }); + onSubmit({ expertise, goal, commit, about }); }; const hasFormCompleted = !!expertise && !!goal && !!commit; @@ -168,6 +171,23 @@ export function UserPersonaForm(props: UserPersonaFormProps) { /> +
+ + +