gitscope
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/features/hosts/components/popover-guide.tsx · v0.5.2
Source
1 4028ecf Mrdn 2y ago import { useTranslation } from 'react-i18next';
2 4028ecf Mrdn 2y ago import { Badge, Separator } from '@marzneshin/components';
3 4028ecf Mrdn 2y ago
4 4028ecf Mrdn 2y ago const CommandGuide = ({ command, desc }: { command: string, desc: string }) => {
5 4028ecf Mrdn 2y ago return (<div className="m-1">
6 4028ecf Mrdn 2y ago <Badge variant="disabled" className='font-mono rounded-sm p-[2px]'>
7 4028ecf Mrdn 2y ago {"{" + command + "}"}
8 4028ecf Mrdn 2y ago </Badge>{" "}
9 4028ecf Mrdn 2y ago {desc}
10 4028ecf Mrdn 2y ago </div>)
11 4028ecf Mrdn 2y ago }
12 4028ecf Mrdn 2y ago
13 4028ecf Mrdn 2y ago export function PopoverGuide() {
14 4028ecf Mrdn 2y ago const { t } = useTranslation()
15 4028ecf Mrdn 2y ago return (
16 4028ecf Mrdn 2y ago <div className="text-xs">
17 4028ecf Mrdn 2y ago <h3 className="font-bold text-[1rem] my-2">{t("page.hosts.popover-guide.desc")}</h3>
18 4028ecf Mrdn 2y ago <CommandGuide
19 4028ecf Mrdn 2y ago command="SERVER_IP"
20 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.currentServer")}
21 4028ecf Mrdn 2y ago />
22 4028ecf Mrdn 2y ago <Separator />
23 4028ecf Mrdn 2y ago <CommandGuide
24 4028ecf Mrdn 2y ago command="USERNAME"
25 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.username")}
26 4028ecf Mrdn 2y ago />
27 4028ecf Mrdn 2y ago <Separator />
28 4028ecf Mrdn 2y ago <CommandGuide
29 4028ecf Mrdn 2y ago command="DATA_USAGE"
30 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.dataUsage")}
31 4028ecf Mrdn 2y ago />
32 4028ecf Mrdn 2y ago <Separator />
33 4028ecf Mrdn 2y ago <CommandGuide
34 4028ecf Mrdn 2y ago command="DATA_LEFT"
35 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.remainingData")}
36 4028ecf Mrdn 2y ago />
37 4028ecf Mrdn 2y ago <Separator />
38 4028ecf Mrdn 2y ago <CommandGuide
39 4028ecf Mrdn 2y ago command="DATA_LIMIT"
40 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.dataLimit")}
41 4028ecf Mrdn 2y ago />
42 4028ecf Mrdn 2y ago <Separator />
43 4028ecf Mrdn 2y ago <CommandGuide
44 4028ecf Mrdn 2y ago command="DAYS_LEFT"
45 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.remainingDays")}
46 4028ecf Mrdn 2y ago />
47 4028ecf Mrdn 2y ago <Separator />
48 4028ecf Mrdn 2y ago <CommandGuide
49 4028ecf Mrdn 2y ago command="EXPIRE_DATE"
50 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.expireDate")}
51 4028ecf Mrdn 2y ago />
52 4028ecf Mrdn 2y ago <Separator />
53 4028ecf Mrdn 2y ago <CommandGuide
54 4028ecf Mrdn 2y ago command="JALALI_EXPIRE_DATE"
55 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.jalaliExpireDate")}
56 4028ecf Mrdn 2y ago />
57 4028ecf Mrdn 2y ago <Separator />
58 4028ecf Mrdn 2y ago <CommandGuide
59 4028ecf Mrdn 2y ago command="TIME_LEFT"
60 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.remainingTime")}
61 4028ecf Mrdn 2y ago />
62 4028ecf Mrdn 2y ago <Separator />
63 4028ecf Mrdn 2y ago <CommandGuide
64 4028ecf Mrdn 2y ago command="STATUS_EMOJI"
65 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.statusEmoji")}
66 4028ecf Mrdn 2y ago />
67 4028ecf Mrdn 2y ago <Separator />
68 4028ecf Mrdn 2y ago <CommandGuide
69 4028ecf Mrdn 2y ago command="PROTOCOL"
70 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.proxyProtocol")}
71 4028ecf Mrdn 2y ago />
72 4028ecf Mrdn 2y ago <Separator />
73 4028ecf Mrdn 2y ago <CommandGuide
74 4028ecf Mrdn 2y ago command="TRANSPORT"
75 4028ecf Mrdn 2y ago desc={t("page.hosts.popover-guide.proxyMethod")}
76 4028ecf Mrdn 2y ago />
77 4028ecf Mrdn 2y ago </div>
78 4028ecf Mrdn 2y ago )
79 4028ecf Mrdn 2y ago }