https://dev.kronoz.win/r/marzneshin.git
| 1 |
857e289 |
Mrdn |
2y ago |
import { |
| 2 |
857e289 |
Mrdn |
2y ago |
FormControl, |
| 3 |
857e289 |
Mrdn |
2y ago |
FormField, |
| 4 |
857e289 |
Mrdn |
2y ago |
FormItem, |
| 5 |
857e289 |
Mrdn |
2y ago |
Input, |
| 6 |
857e289 |
Mrdn |
2y ago |
FormLabel, |
| 7 |
857e289 |
Mrdn |
2y ago |
FormMessage |
| 8 |
857e289 |
Mrdn |
2y ago |
} from '@marzneshin/components'; |
| 9 |
857e289 |
Mrdn |
2y ago |
import { FC } from 'react' |
| 10 |
857e289 |
Mrdn |
2y ago |
import { useFormContext } from 'react-hook-form'; |
| 11 |
857e289 |
Mrdn |
2y ago |
import { useTranslation } from 'react-i18next'; |
| 12 |
857e289 |
Mrdn |
2y ago |
|
| 13 |
857e289 |
Mrdn |
2y ago |
interface UsernameFieldProps { } |
| 14 |
857e289 |
Mrdn |
2y ago |
|
| 15 |
857e289 |
Mrdn |
2y ago |
export const UsernameField: FC<UsernameFieldProps> = () => { |
| 16 |
857e289 |
Mrdn |
2y ago |
const form = useFormContext() |
| 17 |
857e289 |
Mrdn |
2y ago |
const { t } = useTranslation() |
| 18 |
857e289 |
Mrdn |
2y ago |
return ( |
| 19 |
857e289 |
Mrdn |
2y ago |
<FormField |
| 20 |
857e289 |
Mrdn |
2y ago |
control={form.control} |
| 21 |
857e289 |
Mrdn |
2y ago |
name="username" |
| 22 |
857e289 |
Mrdn |
2y ago |
render={({ field }) => ( |
| 23 |
857e289 |
Mrdn |
2y ago |
<FormItem> |
| 24 |
857e289 |
Mrdn |
2y ago |
<FormLabel>{t('username')}</FormLabel> |
| 25 |
857e289 |
Mrdn |
2y ago |
<FormControl> |
| 26 |
857e289 |
Mrdn |
2y ago |
<Input {...field} /> |
| 27 |
857e289 |
Mrdn |
2y ago |
</FormControl> |
| 28 |
857e289 |
Mrdn |
2y ago |
<FormMessage /> |
| 29 |
857e289 |
Mrdn |
2y ago |
</FormItem> |
| 30 |
857e289 |
Mrdn |
2y ago |
)} |
| 31 |
857e289 |
Mrdn |
2y ago |
/> |
| 32 |
857e289 |
Mrdn |
2y ago |
); |
| 33 |
857e289 |
Mrdn |
2y ago |
} |