gitscope
/
← marzneshin / dashboard/src/features/hosts/dialogs/mutation/fields/remark.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/dialogs/mutation/fields/remark.tsx · v0.3.1
Source
1 7428e12 Mrdn 2y ago import {
2 7428e12 Mrdn 2y ago FormControl,
3 7428e12 Mrdn 2y ago FormField,
4 7428e12 Mrdn 2y ago FormItem,
5 7428e12 Mrdn 2y ago FormLabel,
6 7428e12 Mrdn 2y ago FormMessage,
7 4028ecf Mrdn 2y ago Input,
8 4028ecf Mrdn 2y ago Popover,
9 4028ecf Mrdn 2y ago PopoverTrigger,
10 4028ecf Mrdn 2y ago PopoverContent,
11 7428e12 Mrdn 2y ago } from "@marzneshin/components";
12 fb4b69d Dawsh 2y ago import { PopoverGuide } from '@marzneshin/features/hosts';
13 7428e12 Mrdn 2y ago import { useFormContext } from "react-hook-form";
14 7428e12 Mrdn 2y ago import { useTranslation } from "react-i18next";
15 4028ecf Mrdn 2y ago import { InfoIcon } from 'lucide-react';
16 7428e12 Mrdn 2y ago
17 7428e12 Mrdn 2y ago export const RemarkField = () => {
18 7428e12 Mrdn 2y ago const { t } = useTranslation()
19 7428e12 Mrdn 2y ago const form = useFormContext()
20 7428e12 Mrdn 2y ago return (
21 7428e12 Mrdn 2y ago <FormField
22 7428e12 Mrdn 2y ago control={form.control}
23 7428e12 Mrdn 2y ago name="remark"
24 7428e12 Mrdn 2y ago render={({ field }) => (
25 7428e12 Mrdn 2y ago <FormItem>
26 4028ecf Mrdn 2y ago <FormLabel className="flex flex-row items-center gap-2">
27 4028ecf Mrdn 2y ago {t('name')}
28 4028ecf Mrdn 2y ago <Popover>
29 4028ecf Mrdn 2y ago <PopoverTrigger>
30 4028ecf Mrdn 2y ago <InfoIcon className="size-5" />
31 4028ecf Mrdn 2y ago </PopoverTrigger>
32 4028ecf Mrdn 2y ago <PopoverContent className="w-80">
33 4028ecf Mrdn 2y ago <PopoverGuide />
34 4028ecf Mrdn 2y ago </PopoverContent>
35 4028ecf Mrdn 2y ago </Popover>
36 4028ecf Mrdn 2y ago </FormLabel>
37 7428e12 Mrdn 2y ago <FormControl>
38 7428e12 Mrdn 2y ago <Input {...field} />
39 7428e12 Mrdn 2y ago </FormControl>
40 7428e12 Mrdn 2y ago <FormMessage />
41 7428e12 Mrdn 2y ago </FormItem>
42 7428e12 Mrdn 2y ago )}
43 7428e12 Mrdn 2y ago />
44 7428e12 Mrdn 2y ago )
45 7428e12 Mrdn 2y ago }