🐛 fix(user): Refactor user form validation and reset password fields

This commit is contained in:
web@ppanel
2025-01-29 17:16:25 +07:00
parent f60d40c06d
commit 6733fc211c
4 changed files with 60 additions and 98 deletions
+5 -6
View File
@@ -21,7 +21,6 @@ import {
SheetTrigger,
} from '@workspace/ui/components/sheet';
import { Switch } from '@workspace/ui/components/switch';
import { AreaCodeSelect } from '@workspace/ui/custom-components/area-code-select';
import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
import { Icon } from '@workspace/ui/custom-components/icon';
import { unitConversion } from '@workspace/ui/utils';
@@ -52,9 +51,9 @@ export default function UserForm<T extends Record<string, any>>({
const [open, setOpen] = useState(false);
const formSchema = z.object({
email: z.string().email(t('form.invalidEmailFormat')),
telephone_area_code: z.string().optional(),
telephone: z.string().optional(),
// email: z.string().email(t('form.invalidEmailFormat')),
// telephone_area_code: z.string().optional(),
// telephone: z.string().optional(),
password: z.string().optional(),
referer_id: z.number().optional(),
refer_code: z.string().optional(),
@@ -99,7 +98,7 @@ export default function UserForm<T extends Record<string, any>>({
<ScrollArea className='-mx-6 h-[calc(100dvh-48px-36px-36px-env(safe-area-inset-top))]'>
<Form {...form}>
<form onSubmit={form.handleSubmit(handleSubmit)} className='space-y-4 px-6 pt-4'>
<FormField
{/* <FormField
control={form.control}
name='email'
render={({ field }) => (
@@ -159,7 +158,7 @@ export default function UserForm<T extends Record<string, any>>({
<FormMessage />
</FormItem>
)}
/>
/> */}
<FormField
control={form.control}
name='password'
+12 -12
View File
@@ -59,18 +59,6 @@ export default function ResetForm({
</FormItem>
)}
/>
<FormField
control={form.control}
name='password'
render={({ field }) => (
<FormItem>
<FormControl>
<Input placeholder='Enter your password...' type='password' {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{auth?.email?.email_enable_verify && (
<FormField
@@ -101,6 +89,18 @@ export default function ResetForm({
)}
/>
)}
<FormField
control={form.control}
name='password'
render={({ field }) => (
<FormItem>
<FormControl>
<Input placeholder='Enter your new password...' type='password' {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{verify.enable_reset_password_verify && (
<FormField
control={form.control}
+22 -25
View File
@@ -93,39 +93,36 @@ export default function ResetForm({
/>
<FormField
control={form.control}
name='password'
name='code'
render={({ field }) => (
<FormItem>
<FormControl>
<Input placeholder='Enter your password...' type='password' {...field} />
<div className='flex items-center gap-2'>
<Input
placeholder='Enter code...'
type='text'
{...field}
value={field.value as string}
/>
<SendCode type='phone' params={form.getValues()} />
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name='password'
render={({ field }) => (
<FormItem>
<FormControl>
<Input placeholder='Enter your new password...' type='password' {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{auth?.email?.email_enable_verify && (
<FormField
control={form.control}
name='code'
render={({ field }) => (
<FormItem>
<FormControl>
<div className='flex items-center gap-2'>
<Input
placeholder='Enter code...'
type='text'
{...field}
value={field.value as string}
/>
<SendCode type='phone' params={form.getValues()} />
</div>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
)}
{verify.enable_reset_password_verify && (
<FormField
control={form.control}