gitscope
← marzneshin / v0.3.0-alpha5 / dashboard/src/features/users/dialogs/mutation/fields/note.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/users/dialogs/mutation/fields/note.tsx · TypeScript
Blame Raw
 1import {
 2    FormControl,
 3    FormField,
 4    FormItem,
 5    Textarea,
 6    FormLabel,
 7    FormMessage
 8} from '@marzneshin/components';
 9import { FC } from 'react'
10import { useFormContext } from 'react-hook-form';
11import { useTranslation } from 'react-i18next';
12
13
14interface NoteFieldProps { }
15
16export const NoteField: FC<NoteFieldProps> = () => {
17    const { t } = useTranslation()
18    const form = useFormContext()
19    return (
20        <FormField
21            control={form.control}
22            name="note"
23            render={({ field }) => (
24                <FormItem>
25                    <FormLabel>{t('note')}</FormLabel>
26                    <FormControl>
27                        <Textarea
28                            placeholder="Additional information about data"
29                            className="resize-none"
30                            {...field}
31                        />
32                    </FormControl>
33                    <FormMessage />
34                </FormItem>
35            )}
36        />
37    );
38}