gitscope
/
← marzneshin / dashboard/src/features/hosts/dialogs/settings/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/dialogs/settings/index.tsx · v0.3.1
Source
1 03b3dbc Mardin 2y ago import { type FC, useEffect } from "react";
2 3b7feef Mrdn 2y ago import {
3 3b7feef Mrdn 2y ago Sheet,
4 3b7feef Mrdn 2y ago SheetContent,
5 3b7feef Mrdn 2y ago SheetHeader,
6 3b7feef Mrdn 2y ago SheetTitle,
7 3b7feef Mrdn 2y ago Table,
8 3b7feef Mrdn 2y ago TableBody,
9 d377c4c Dawsh 2y ago TableRowWithCell,
10 3b7feef Mrdn 2y ago } from "@marzneshin/components"
11 3b7feef Mrdn 2y ago import { useTranslation } from "react-i18next"
12 3b7feef Mrdn 2y ago import { HostType } from "../.."
13 3b7feef Mrdn 2y ago
14 3b7feef Mrdn 2y ago interface HostsSettingsDialogProps {
15 3b7feef Mrdn 2y ago onOpenChange: (state: boolean) => void
16 03b3dbc Mardin 2y ago onClose: () => void
17 3b7feef Mrdn 2y ago open: boolean
18 03b3dbc Mardin 2y ago entity: HostType
19 3b7feef Mrdn 2y ago }
20 3b7feef Mrdn 2y ago
21 03b3dbc Mardin 2y ago export const HostSettingsDialog: FC<HostsSettingsDialogProps> = ({ onOpenChange, open, entity, onClose }) => {
22 3b7feef Mrdn 2y ago const { t } = useTranslation();
23 3b7feef Mrdn 2y ago
24 03b3dbc Mardin 2y ago useEffect(() => {
25 03b3dbc Mardin 2y ago if (!open) onClose();
26 03b3dbc Mardin 2y ago }, [open, onClose]);
27 03b3dbc Mardin 2y ago
28 03b3dbc Mardin 2y ago return (
29 03b3dbc Mardin 2y ago <Sheet open={open} onOpenChange={onOpenChange}>
30 03b3dbc Mardin 2y ago <SheetContent className="sm:min-w-full md:min-w-[700px]" >
31 03b3dbc Mardin 2y ago <SheetHeader>
32 03b3dbc Mardin 2y ago <SheetTitle>
33 03b3dbc Mardin 2y ago {t('page.hosts.settings.title')}
34 03b3dbc Mardin 2y ago </SheetTitle>
35 03b3dbc Mardin 2y ago </SheetHeader>
36 03b3dbc Mardin 2y ago <Table>
37 03b3dbc Mardin 2y ago <TableBody>
38 d377c4c Dawsh 2y ago <TableRowWithCell label={t('remark')} value={entity.remark} />
39 d377c4c Dawsh 2y ago <TableRowWithCell label={t('address')} value={entity.address} />
40 d377c4c Dawsh 2y ago <TableRowWithCell label={t('port')} value={entity.port} />
41 d377c4c Dawsh 2y ago <TableRowWithCell label={t('host')} value={entity.host} />
42 d377c4c Dawsh 2y ago <TableRowWithCell label={t('path')} value={entity.path} />
43 d377c4c Dawsh 2y ago <TableRowWithCell label={t('sni')} value={entity.sni} />
44 d377c4c Dawsh 2y ago <TableRowWithCell label={t('alpn')} value={entity.alpn} />
45 03b3dbc Mardin 2y ago </TableBody>
46 03b3dbc Mardin 2y ago </Table>
47 03b3dbc Mardin 2y ago </SheetContent>
48 03b3dbc Mardin 2y ago </Sheet>
49 03b3dbc Mardin 2y ago )
50 3b7feef Mrdn 2y ago }