Refactor DualOptionSelector layout in BusinessForm component

This commit is contained in:
Pattadon 2024-10-17 15:21:14 +07:00
parent 7c2b42e116
commit e44774f1cd

View File

@ -222,10 +222,13 @@ const BusinessForm = ({
render={({ field }) => (
<FormItem>
<FormControl>
<div className="flex space-x-5">
<DualOptionSelector
name="isInUS"
label={
<>Is your company incorporated in the United States?</>
<>
Is your company incorporated in the United States?
</>
}
choice1="Yes"
choice2="No"
@ -233,14 +236,14 @@ const BusinessForm = ({
// setIsInUS;
field.onChange(selectedValues);
}}
description={
<>
Only companies that are incorporated or formed in the
US are eligible to raise via Reg CF.
</>
}
description={<></>}
value={field.value}
/>
<span className="text-[12px] text-neutral-500 self-center">
Only companies that are incorporated or formed in the US
are eligible to raise via Reg CF.
</span>
</div>
</FormControl>
<FormMessage />
</FormItem>
@ -254,6 +257,7 @@ const BusinessForm = ({
render={({ field }) => (
<FormItem>
<FormControl>
<div className="flex space-x-5">
<DualOptionSelector
name="isForSale"
value={field.value}
@ -273,6 +277,7 @@ const BusinessForm = ({
</>
}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>
@ -286,6 +291,7 @@ const BusinessForm = ({
render={({ field }) => (
<FormItem>
<FormControl>
<div className="flex space-x-5">
<DualOptionSelector
name="isGenerating"
label={<>Is your company generating revenue?</>}
@ -302,6 +308,7 @@ const BusinessForm = ({
</>
}
/>
</div>
</FormControl>
<FormMessage />
</FormItem>