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.0-alpha11
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 ff900b8 Mrdn 2y ago } from "@marzneshin/components"
14 ff900b8 Mrdn 2y ago import { FC } from "react"
15 ff900b8 Mrdn 2y ago import { useTranslation } from "react-i18next"
16 ff900b8 Mrdn 2y ago import { 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 ff900b8 Mrdn 2y ago onOpenChange: (state: boolean) => void
23 ff900b8 Mrdn 2y ago open: boolean
24 ff900b8 Mrdn 2y ago entity: NodeType
25 ff900b8 Mrdn 2y ago }
26 ff900b8 Mrdn 2y ago
27 ff900b8 Mrdn 2y ago export const NodesSettingsDialog: FC<NodesSettingsDialogProps> = ({ onOpenChange, open, entity }) => {
28 ff900b8 Mrdn 2y ago const { t } = useTranslation();
29 ff900b8 Mrdn 2y ago
30 ff900b8 Mrdn 2y ago return (
31 ff900b8 Mrdn 2y ago <Sheet open={open} onOpenChange={onOpenChange}>
32 ff900b8 Mrdn 2y ago <SheetContent className="sm:min-w-full md:min-w-[600px] " >
33 ff900b8 Mrdn 2y ago <ScrollArea className="h-full">
34 ff900b8 Mrdn 2y ago <SheetHeader>
35 ff900b8 Mrdn 2y ago <SheetTitle>
36 ff900b8 Mrdn 2y ago {t('page.nodes.settings.title')}
37 ff900b8 Mrdn 2y ago </SheetTitle>
38 ff900b8 Mrdn 2y ago </SheetHeader>
39 ff900b8 Mrdn 2y ago <div className="my-4">
40 ff900b8 Mrdn 2y ago <h1 className="font-medium font-header">{t('page.nodes.settings.detail')}</h1>
41 ff900b8 Mrdn 2y ago <NodesDetailTable node={entity} />
42 ff900b8 Mrdn 2y ago </div>
43 ff900b8 Mrdn 2y ago <Tabs className="my-3 w-full h-full" defaultValue="logs">
44 ff900b8 Mrdn 2y ago <TabsList className="w-full">
45 ff900b8 Mrdn 2y ago <TabsTrigger className="w-full" value="logs">{t('logs')}</TabsTrigger>
46 ff900b8 Mrdn 2y ago <TabsTrigger className="w-full" value="config">{t('config')}</TabsTrigger>
47 ff900b8 Mrdn 2y ago </TabsList>
48 ff900b8 Mrdn 2y ago <TabsContent value="logs" className="h-full">
49 ff900b8 Mrdn 2y ago <LogContainer node={entity} />
50 ff900b8 Mrdn 2y ago </TabsContent>
51 ff900b8 Mrdn 2y ago <TabsContent value="config" className="h-full z-51">
52 ff900b8 Mrdn 2y ago <Card>
53 ff900b8 Mrdn 2y ago <CardContent className="p-2 h-1/2 flex flex-col gap-2">
54 ff900b8 Mrdn 2y ago <NodeConfigEditor entity={entity} />
55 ff900b8 Mrdn 2y ago </CardContent>
56 ff900b8 Mrdn 2y ago </Card>
57 ff900b8 Mrdn 2y ago </TabsContent>
58 ff900b8 Mrdn 2y ago </Tabs>
59 ff900b8 Mrdn 2y ago </ScrollArea>
60 ff900b8 Mrdn 2y ago </SheetContent>
61 ff900b8 Mrdn 2y ago </Sheet>
62 ff900b8 Mrdn 2y ago )
63 ff900b8 Mrdn 2y ago }