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