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.5.2
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 a88ed47 Mardin 2y ago import { IsDisabled } from "./is-disabled";
17 7428e12 Mrdn 2y ago
18 7428e12 Mrdn 2y ago export const RemarkField = () => {
19 7428e12 Mrdn 2y ago const { t } = useTranslation()
20 7428e12 Mrdn 2y ago const form = useFormContext()
21 7428e12 Mrdn 2y ago return (
22 7428e12 Mrdn 2y ago <FormField
23 7428e12 Mrdn 2y ago control={form.control}
24 7428e12 Mrdn 2y ago name="remark"
25 7428e12 Mrdn 2y ago render={({ field }) => (
26 7428e12 Mrdn 2y ago <FormItem>
27 4028ecf Mrdn 2y ago <FormLabel className="flex flex-row items-center gap-2">
28 4028ecf Mrdn 2y ago {t('name')}
29 4028ecf Mrdn 2y ago <Popover>
30 4028ecf Mrdn 2y ago <PopoverTrigger>
31 4028ecf Mrdn 2y ago <InfoIcon className="size-5" />
32 4028ecf Mrdn 2y ago </PopoverTrigger>
33 4028ecf Mrdn 2y ago <PopoverContent className="w-80">
34 4028ecf Mrdn 2y ago <PopoverGuide />
35 4028ecf Mrdn 2y ago </PopoverContent>
36 4028ecf Mrdn 2y ago </Popover>
37 a88ed47 Mardin 2y ago <IsDisabled />
38 4028ecf Mrdn 2y ago </FormLabel>
39 7428e12 Mrdn 2y ago <FormControl>
40 7428e12 Mrdn 2y ago <Input {...field} />
41 7428e12 Mrdn 2y ago </FormControl>
42 7428e12 Mrdn 2y ago <FormMessage />
43 7428e12 Mrdn 2y ago </FormItem>
44 7428e12 Mrdn 2y ago )}
45 7428e12 Mrdn 2y ago />
46 7428e12 Mrdn 2y ago )
47 7428e12 Mrdn 2y ago }