gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/dialogs/settings/index.tsx · v0.3.0-alpha9
Source
1 3b7feef Mrdn 2y ago
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 3b7feef Mrdn 2y ago TableCell,
10 3b7feef Mrdn 2y ago TableHead,
11 3b7feef Mrdn 2y ago TableRow,
12 3b7feef Mrdn 2y ago } from "@marzneshin/components"
13 3b7feef Mrdn 2y ago import { FC } from "react"
14 3b7feef Mrdn 2y ago import { useTranslation } from "react-i18next"
15 3b7feef Mrdn 2y ago import { HostType } from "../.."
16 3b7feef Mrdn 2y ago
17 3b7feef Mrdn 2y ago interface HostsSettingsDialogProps {
18 3b7feef Mrdn 2y ago onOpenChange: (state: boolean) => void
19 3b7feef Mrdn 2y ago open: boolean
20 3b7feef Mrdn 2y ago entity: HostType | null
21 3b7feef Mrdn 2y ago }
22 3b7feef Mrdn 2y ago
23 3b7feef Mrdn 2y ago export const HostSettingsDialog: FC<HostsSettingsDialogProps> = ({ onOpenChange, open, entity }) => {
24 3b7feef Mrdn 2y ago
25 3b7feef Mrdn 2y ago const { t } = useTranslation();
26 3b7feef Mrdn 2y ago
27 3b7feef Mrdn 2y ago if (entity) {
28 3b7feef Mrdn 2y ago return (
29 3b7feef Mrdn 2y ago <Sheet open={open} onOpenChange={onOpenChange}>
30 3b7feef Mrdn 2y ago <SheetContent className="sm:min-w-full md:min-w-[700px]" >
31 3b7feef Mrdn 2y ago <SheetHeader>
32 3b7feef Mrdn 2y ago <SheetTitle>
33 3b7feef Mrdn 2y ago {t('page.services.settings.title')}
34 3b7feef Mrdn 2y ago </SheetTitle>
35 3b7feef Mrdn 2y ago </SheetHeader>
36 3b7feef Mrdn 2y ago <Table>
37 3b7feef Mrdn 2y ago <TableBody>
38 3b7feef Mrdn 2y ago <TableRow>
39 3b7feef Mrdn 2y ago <TableHead>
40 3b7feef Mrdn 2y ago {t('remark')}
41 3b7feef Mrdn 2y ago </TableHead>
42 3b7feef Mrdn 2y ago <TableCell>
43 3b7feef Mrdn 2y ago {entity.remark}
44 3b7feef Mrdn 2y ago </TableCell>
45 3b7feef Mrdn 2y ago </TableRow>
46 3b7feef Mrdn 2y ago <TableRow>
47 3b7feef Mrdn 2y ago <TableHead>
48 3b7feef Mrdn 2y ago {t('address')}
49 3b7feef Mrdn 2y ago </TableHead>
50 3b7feef Mrdn 2y ago <TableCell>
51 3b7feef Mrdn 2y ago {entity.address}
52 3b7feef Mrdn 2y ago </TableCell>
53 3b7feef Mrdn 2y ago </TableRow>
54 3b7feef Mrdn 2y ago <TableRow>
55 3b7feef Mrdn 2y ago <TableHead>
56 3b7feef Mrdn 2y ago {t('port')}
57 3b7feef Mrdn 2y ago </TableHead>
58 3b7feef Mrdn 2y ago <TableCell>
59 3b7feef Mrdn 2y ago {entity.port}
60 3b7feef Mrdn 2y ago </TableCell>
61 3b7feef Mrdn 2y ago </TableRow>
62 3b7feef Mrdn 2y ago <TableRow>
63 3b7feef Mrdn 2y ago <TableHead>
64 3b7feef Mrdn 2y ago {t('host')}
65 3b7feef Mrdn 2y ago </TableHead>
66 3b7feef Mrdn 2y ago <TableCell>
67 3b7feef Mrdn 2y ago {entity.host}
68 3b7feef Mrdn 2y ago </TableCell>
69 3b7feef Mrdn 2y ago </TableRow>
70 3b7feef Mrdn 2y ago <TableRow>
71 3b7feef Mrdn 2y ago <TableHead>
72 3b7feef Mrdn 2y ago {t('path')}
73 3b7feef Mrdn 2y ago </TableHead>
74 3b7feef Mrdn 2y ago <TableCell>
75 3b7feef Mrdn 2y ago {entity.path}
76 3b7feef Mrdn 2y ago </TableCell>
77 3b7feef Mrdn 2y ago </TableRow>
78 3b7feef Mrdn 2y ago <TableRow>
79 3b7feef Mrdn 2y ago <TableHead>
80 3b7feef Mrdn 2y ago {t('sni')}
81 3b7feef Mrdn 2y ago </TableHead>
82 3b7feef Mrdn 2y ago <TableCell>
83 3b7feef Mrdn 2y ago {entity.sni}
84 3b7feef Mrdn 2y ago </TableCell>
85 3b7feef Mrdn 2y ago </TableRow>
86 3b7feef Mrdn 2y ago <TableRow>
87 3b7feef Mrdn 2y ago <TableHead>
88 3b7feef Mrdn 2y ago {t('alpn')}
89 3b7feef Mrdn 2y ago </TableHead>
90 3b7feef Mrdn 2y ago <TableCell>
91 3b7feef Mrdn 2y ago {entity.alpn}
92 3b7feef Mrdn 2y ago </TableCell>
93 3b7feef Mrdn 2y ago </TableRow>
94 3b7feef Mrdn 2y ago </TableBody>
95 3b7feef Mrdn 2y ago </Table>
96 3b7feef Mrdn 2y ago </SheetContent>
97 3b7feef Mrdn 2y ago </Sheet>
98 3b7feef Mrdn 2y ago )
99 3b7feef Mrdn 2y ago }
100 3b7feef Mrdn 2y ago }