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