gitscope
/
← marzneshin / dashboard/src/features/hosts/dialogs/mutation/fields/mux.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/mux.tsx · v0.3.1
Source
1 0b152b5 Mrdn 2y ago import {
2 0b152b5 Mrdn 2y ago FormControl,
3 0b152b5 Mrdn 2y ago FormField,
4 0b152b5 Mrdn 2y ago FormItem,
5 0b152b5 Mrdn 2y ago FormLabel,
6 0b152b5 Mrdn 2y ago FormDescription,
7 0b152b5 Mrdn 2y ago Checkbox,
8 0b152b5 Mrdn 2y ago } from "@marzneshin/components";
9 0b152b5 Mrdn 2y ago import { useFormContext } from "react-hook-form";
10 0b152b5 Mrdn 2y ago import { useTranslation } from "react-i18next";
11 0b152b5 Mrdn 2y ago
12 0b152b5 Mrdn 2y ago export const MuxField = () => {
13 0b152b5 Mrdn 2y ago const { t } = useTranslation();
14 0b152b5 Mrdn 2y ago const form = useFormContext();
15 0b152b5 Mrdn 2y ago return (
16 0b152b5 Mrdn 2y ago <FormField
17 0b152b5 Mrdn 2y ago control={form.control}
18 0b152b5 Mrdn 2y ago name="mux"
19 0b152b5 Mrdn 2y ago render={({ field }) => (
20 0b152b5 Mrdn 2y ago <>
21 0b152b5 Mrdn 2y ago <FormLabel>{t("mux")}</FormLabel>
22 0b152b5 Mrdn 2y ago
23 0b152b5 Mrdn 2y ago <FormItem className="flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4 shadow">
24 0b152b5 Mrdn 2y ago <FormControl>
25 0b152b5 Mrdn 2y ago <Checkbox
26 0b152b5 Mrdn 2y ago checked={field.value}
27 0b152b5 Mrdn 2y ago onCheckedChange={field.onChange}
28 0b152b5 Mrdn 2y ago />
29 0b152b5 Mrdn 2y ago </FormControl>
30 0b152b5 Mrdn 2y ago <div className="space-y-1 leading-none">
31 0b152b5 Mrdn 2y ago <FormLabel>{t("page.hosts.mux.title")}</FormLabel>
32 0b152b5 Mrdn 2y ago <FormDescription>{t("page.hosts.mux.desc")}</FormDescription>
33 0b152b5 Mrdn 2y ago </div>
34 0b152b5 Mrdn 2y ago </FormItem>
35 0b152b5 Mrdn 2y ago </>
36 0b152b5 Mrdn 2y ago )}
37 0b152b5 Mrdn 2y ago />
38 0b152b5 Mrdn 2y ago );
39 0b152b5 Mrdn 2y ago };