gitscope
/
← marzneshin / dashboard/src/features/nodes/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/nodes/dialogs/settings/index.tsx · v0.3.2
Source
1 ff900b8 Mrdn 2y ago import {
2 ff900b8 Mrdn 2y ago Card,
3 ff900b8 Mrdn 2y ago CardContent,
4 ff900b8 Mrdn 2y ago ScrollArea,
5 ff900b8 Mrdn 2y ago Sheet,
6 ff900b8 Mrdn 2y ago SheetContent,
7 ff900b8 Mrdn 2y ago SheetHeader,
8 ff900b8 Mrdn 2y ago SheetTitle,
9 ff900b8 Mrdn 2y ago Tabs,
10 ff900b8 Mrdn 2y ago TabsContent,
11 ff900b8 Mrdn 2y ago TabsList,
12 ff900b8 Mrdn 2y ago TabsTrigger,
13 1d782e1 Mrdn 2y ago } from "@marzneshin/components";
14 03b3dbc Mardin 2y ago import { type FC, useEffect } from "react";
15 1d782e1 Mrdn 2y ago import { useTranslation } from "react-i18next";
16 1d782e1 Mrdn 2y ago import type { NodeType } from "../..";
17 ff900b8 Mrdn 2y ago import { LogContainer } from "../../log";
18 ff900b8 Mrdn 2y ago import { NodesDetailTable } from "../../tables/detail-table";
19 ff900b8 Mrdn 2y ago import { NodeConfigEditor } from "./node-config-editor";
20 ff900b8 Mrdn 2y ago
21 ff900b8 Mrdn 2y ago interface NodesSettingsDialogProps {
22 1d782e1 Mrdn 2y ago onOpenChange: (state: boolean) => void;
23 1d782e1 Mrdn 2y ago open: boolean;
24 1d782e1 Mrdn 2y ago entity: NodeType;
25 03b3dbc Mardin 2y ago onClose: () => void;
26 ff900b8 Mrdn 2y ago }
27 ff900b8 Mrdn 2y ago
28 1d782e1 Mrdn 2y ago export const NodesSettingsDialog: FC<NodesSettingsDialogProps> = ({
29 1d782e1 Mrdn 2y ago onOpenChange,
30 1d782e1 Mrdn 2y ago open,
31 1d782e1 Mrdn 2y ago entity,
32 03b3dbc Mardin 2y ago onClose,
33 1d782e1 Mrdn 2y ago }) => {
34 ff900b8 Mrdn 2y ago const { t } = useTranslation();
35 ff900b8 Mrdn 2y ago
36 03b3dbc Mardin 2y ago useEffect(() => {
37 03b3dbc Mardin 2y ago if (!open) onClose();
38 03b3dbc Mardin 2y ago }, [open, onClose]);
39 03b3dbc Mardin 2y ago
40 ff900b8 Mrdn 2y ago return (
41 ff900b8 Mrdn 2y ago <Sheet open={open} onOpenChange={onOpenChange}>
42 1d782e1 Mrdn 2y ago <SheetContent className="sm:min-w-full md:min-w-[600px] ">
43 1d782e1 Mrdn 2y ago <ScrollArea className="h-full w-full">
44 ff900b8 Mrdn 2y ago <SheetHeader>
45 1d782e1 Mrdn 2y ago <SheetTitle>{t("page.nodes.settings.title")}</SheetTitle>
46 ff900b8 Mrdn 2y ago </SheetHeader>
47 ff900b8 Mrdn 2y ago <div className="my-4">
48 1d782e1 Mrdn 2y ago <h1 className="font-medium font-header">
49 1d782e1 Mrdn 2y ago {t("page.nodes.settings.detail")}
50 1d782e1 Mrdn 2y ago </h1>
51 ff900b8 Mrdn 2y ago <NodesDetailTable node={entity} />
52 ff900b8 Mrdn 2y ago </div>
53 1d782e1 Mrdn 2y ago <Tabs className="my-3 max-w-full h-full" defaultValue="logs">
54 ff900b8 Mrdn 2y ago <TabsList className="w-full">
55 1d782e1 Mrdn 2y ago <TabsTrigger className="w-full" value="logs">
56 1d782e1 Mrdn 2y ago {t("logs")}
57 1d782e1 Mrdn 2y ago </TabsTrigger>
58 1d782e1 Mrdn 2y ago <TabsTrigger className="w-full" value="config">
59 1d782e1 Mrdn 2y ago {t("config")}
60 1d782e1 Mrdn 2y ago </TabsTrigger>
61 ff900b8 Mrdn 2y ago </TabsList>
62 1d782e1 Mrdn 2y ago <TabsContent value="logs" className="h-full w-full">
63 ff900b8 Mrdn 2y ago <LogContainer node={entity} />
64 ff900b8 Mrdn 2y ago </TabsContent>
65 ff900b8 Mrdn 2y ago <TabsContent value="config" className="h-full z-51">
66 ff900b8 Mrdn 2y ago <Card>
67 ff900b8 Mrdn 2y ago <CardContent className="p-2 h-1/2 flex flex-col gap-2">
68 ff900b8 Mrdn 2y ago <NodeConfigEditor entity={entity} />
69 ff900b8 Mrdn 2y ago </CardContent>
70 ff900b8 Mrdn 2y ago </Card>
71 ff900b8 Mrdn 2y ago </TabsContent>
72 ff900b8 Mrdn 2y ago </Tabs>
73 ff900b8 Mrdn 2y ago </ScrollArea>
74 ff900b8 Mrdn 2y ago </SheetContent>
75 ff900b8 Mrdn 2y ago </Sheet>
76 1d782e1 Mrdn 2y ago );
77 1d782e1 Mrdn 2y ago };