@@ -49,6 +49,7 @@ import { toast } from "sonner";
4949import { motion , AnimatePresence } from "framer-motion" ;
5050import { LogoSpinner } from "@/components/logo-spinner" ;
5151import { SelectPills } from "@comp/ui/select-pills" ;
52+ import { Textarea } from "@comp/ui/textarea" ;
5253
5354type OnboardingFormFields = Partial < CompanyDetails > & {
5455 [ K in keyof CompanyDetails as `${K } Other`] ?: string ;
@@ -122,6 +123,7 @@ export function OnboardingForm() {
122123 onboardOrganizationAction . execute ( {
123124 legalName : answers . legalName || "" ,
124125 website : answers . website || "" ,
126+ describe : answers . describe || "" ,
125127 industry : answers . industry || "" ,
126128 teamSize : answers . teamSize || "" ,
127129 devices : answers . devices || "" ,
@@ -188,6 +190,18 @@ export function OnboardingForm() {
188190 const isLastStep = stepIndex === steps . length - 1 ;
189191
190192 function renderStepInput ( ) {
193+ if ( step . key === "describe" ) {
194+ return (
195+ < Textarea
196+ { ...form . register ( step . key ) }
197+ placeholder = { `${ savedAnswers . legalName || "" } is a company that...` }
198+ rows = { 2 }
199+ maxLength = { 300 }
200+ className = "resize-none"
201+ />
202+ ) ;
203+ }
204+
191205 if ( step . options ) {
192206 if ( step . key === "industry" || step . key === "teamSize" ) {
193207 return (
@@ -230,6 +244,7 @@ export function OnboardingForm() {
230244 />
231245 ) ;
232246 }
247+
233248 return (
234249 < Input
235250 { ...form . register ( step . key ) }
0 commit comments