gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/dialogs/settings/index.tsx · v0.5.0
Source
1 f5c168d Mardin 2y ago import { type FC } from "react";
2 3b7feef Mrdn 2y ago import {
3 f5c168d Mardin 2y ago SettingsDialogProps,
4 f5c168d Mardin 2y ago SettingsDialog,
5 f5c168d Mardin 2y ago Table,
6 f5c168d Mardin 2y ago TableBody,
7 f5c168d Mardin 2y ago TableRowWithCell,
8 f5c168d Mardin 2y ago } from "@marzneshin/components";
9 f5c168d Mardin 2y ago import { useTranslation } from "react-i18next";
10 f5c168d Mardin 2y ago import { HostType } from "../..";
11 3b7feef Mrdn 2y ago
12 4708fcb Dawsh 2y ago interface HostsSettingsDialogProps extends SettingsDialogProps {
13 f5c168d Mardin 2y ago onOpenChange: (state: boolean) => void;
14 f5c168d Mardin 2y ago onClose: () => void;
15 f5c168d Mardin 2y ago open: boolean;
16 f5c168d Mardin 2y ago entity: HostType;
17 3b7feef Mrdn 2y ago }
18 3b7feef Mrdn 2y ago
19 f5c168d Mardin 2y ago export const HostSettingsDialog: FC<HostsSettingsDialogProps> = ({
20 f5c168d Mardin 2y ago onOpenChange,
21 f5c168d Mardin 2y ago open,
22 f5c168d Mardin 2y ago entity,
23 f5c168d Mardin 2y ago onClose,
24 f5c168d Mardin 2y ago }) => {
25 f5c168d Mardin 2y ago const { t } = useTranslation();
26 3b7feef Mrdn 2y ago
27 f5c168d Mardin 2y ago return (
28 f5c168d Mardin 2y ago <SettingsDialog open={open} onClose={onClose} onOpenChange={onOpenChange}>
29 f5c168d Mardin 2y ago <Table>
30 f5c168d Mardin 2y ago <TableBody>
31 f5c168d Mardin 2y ago <TableRowWithCell label={t("remark")} value={entity.remark} />
32 f5c168d Mardin 2y ago <TableRowWithCell label={t("address")} value={entity.address} />
33 f5c168d Mardin 2y ago <TableRowWithCell label={t("port")} value={entity.port} />
34 f5c168d Mardin 2y ago <TableRowWithCell label={t("host")} value={entity.host} />
35 f5c168d Mardin 2y ago <TableRowWithCell label={t("path")} value={entity.path} />
36 f5c168d Mardin 2y ago <TableRowWithCell label={t("sni")} value={entity.sni} />
37 f5c168d Mardin 2y ago <TableRowWithCell label={t("alpn")} value={entity.alpn} />
38 f5c168d Mardin 2y ago </TableBody>
39 f5c168d Mardin 2y ago </Table>
40 f5c168d Mardin 2y ago </SettingsDialog>
41 f5c168d Mardin 2y ago );
42 f5c168d Mardin 2y ago };