gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/modules/hosts/dialogs/mutation/fields/allowed-ips.tsx · master
Source
1 b584c6c Dawsh 2y ago import {
2 b584c6c Dawsh 2y ago FormControl,
3 b584c6c Dawsh 2y ago FormField,
4 b584c6c Dawsh 2y ago FormItem,
5 b584c6c Dawsh 2y ago Textarea,
6 b584c6c Dawsh 2y ago FormLabel,
7 b584c6c Dawsh 2y ago FormMessage,
8 b584c6c Dawsh 2y ago } from "@marzneshin/common/components";
9 b584c6c Dawsh 2y ago import { FC } from "react";
10 b584c6c Dawsh 2y ago import { useFormContext } from "react-hook-form";
11 b584c6c Dawsh 2y ago import { useTranslation } from "react-i18next";
12 b584c6c Dawsh 2y ago
13 b584c6c Dawsh 2y ago interface AllowedIpsFieldProps { }
14 b584c6c Dawsh 2y ago
15 b584c6c Dawsh 2y ago export const AllowedIpsField: FC<AllowedIpsFieldProps> = () => {
16 b584c6c Dawsh 2y ago const { t } = useTranslation();
17 b584c6c Dawsh 2y ago const form = useFormContext();
18 b584c6c Dawsh 2y ago return (
19 b584c6c Dawsh 2y ago <FormField
20 b584c6c Dawsh 2y ago control={form.control}
21 b584c6c Dawsh 2y ago name="allowed_ips"
22 b584c6c Dawsh 2y ago render={({ field }) => (
23 b584c6c Dawsh 2y ago <FormItem>
24 b584c6c Dawsh 2y ago <FormLabel>{t("page.hosts.allowed-ips")}</FormLabel>
25 b584c6c Dawsh 2y ago <FormControl>
26 b584c6c Dawsh 2y ago <Textarea
27 b584c6c Dawsh 2y ago placeholder={t("page.hosts.allowed-ips-placeholder")}
28 b584c6c Dawsh 2y ago className="resize-none"
29 b584c6c Dawsh 2y ago {...field}
30 b584c6c Dawsh 2y ago />
31 b584c6c Dawsh 2y ago </FormControl>
32 b584c6c Dawsh 2y ago <FormMessage />
33 b584c6c Dawsh 2y ago </FormItem>
34 b584c6c Dawsh 2y ago )}
35 b584c6c Dawsh 2y ago />
36 b584c6c Dawsh 2y ago );
37 b584c6c Dawsh 2y ago };