gitscope
← marzneshin / v0.7.1 / dashboard/src/modules/hosts/dialogs/mutation/profiles/wireguard/index.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/modules/hosts/dialogs/mutation/profiles/wireguard/index.tsx · TypeScript
Blame Raw
 1import {
 2    AllowedIpsField,
 3    CommonFields,
 4    DNSServersField,
 5    MtuField,
 6} from "../../fields";
 7import {
 8    Accordion,
 9    ClearableTextField,
10    HStack,
11} from "@marzneshin/common/components";
12import { SettingSection } from "@marzneshin/modules/hosts";
13import { useTranslation } from "react-i18next";
14
15export const WireguardProfileFields = () => {
16    const { t } = useTranslation();
17    return (
18        <>
19            <CommonFields />
20            <Accordion type="single" collapsible>
21                <SettingSection value="wireguard" triggerText={t("wireguard")}>
22                    <HStack>
23                        <ClearableTextField
24                            name="path"
25                            label={t("page.hosts.server-public-key")}
26                        />
27                        <MtuField />
28                    </HStack>
29                    <DNSServersField />
30                    <AllowedIpsField />
31                </SettingSection>
32            </Accordion>
33        </>
34    );
35};
36
37export * from "./schema";
38export * from "./default";