gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/modules/hosts/dialogs/mutation/fields/alpn.tsx · v0.7.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 7428e12 Mrdn 2y ago Select,
8 7428e12 Mrdn 2y ago SelectContent,
9 7428e12 Mrdn 2y ago SelectItem,
10 7428e12 Mrdn 2y ago SelectTrigger,
11 7428e12 Mrdn 2y ago SelectValue,
12 7389ad0 Mardin 2y ago } from "@marzneshin/common/components";
13 7428e12 Mrdn 2y ago import { useFormContext } from "react-hook-form";
14 7428e12 Mrdn 2y ago import { useTranslation } from "react-i18next";
15 d636f3f Dawsh 2y ago import { alpnOptions } from "@marzneshin/modules/hosts";
16 7428e12 Mrdn 2y ago
17 7428e12 Mrdn 2y ago export const AlpnField = () => {
18 0b152b5 Mrdn 2y ago const { t } = useTranslation();
19 0b152b5 Mrdn 2y ago const form = useFormContext();
20 cba39e7 Mardin 2y ago
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="alpn"
25 7428e12 Mrdn 2y ago render={({ field }) => (
26 0b152b5 Mrdn 2y ago <FormItem className="w-full">
27 0b152b5 Mrdn 2y ago <FormLabel>{t("alpn")}</FormLabel>
28 7428e12 Mrdn 2y ago <Select onValueChange={field.onChange} defaultValue={field.value}>
29 7428e12 Mrdn 2y ago <FormControl>
30 7428e12 Mrdn 2y ago <SelectTrigger>
31 7428e12 Mrdn 2y ago <SelectValue placeholder="Select ALPN" />
32 7428e12 Mrdn 2y ago </SelectTrigger>
33 7428e12 Mrdn 2y ago </FormControl>
34 7428e12 Mrdn 2y ago <SelectContent>
35 cba39e7 Mardin 2y ago {alpnOptions.map((option) => (<SelectItem value={option}>{option}</SelectItem>))}
36 7428e12 Mrdn 2y ago </SelectContent>
37 7428e12 Mrdn 2y ago </Select>
38 7428e12 Mrdn 2y ago <FormMessage />
39 7428e12 Mrdn 2y ago </FormItem>
40 7428e12 Mrdn 2y ago )}
41 7428e12 Mrdn 2y ago />
42 0b152b5 Mrdn 2y ago );
43 0b152b5 Mrdn 2y ago };