mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
|
|
|
|
interface Props {
|
|
data: unknown;
|
|
}
|
|
|
|
export const ShowNodeData = ({ data }: Props) => {
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<DropdownMenuItem
|
|
className="w-full cursor-pointer"
|
|
onSelect={(e) => e.preventDefault()}
|
|
>
|
|
View Config
|
|
</DropdownMenuItem>
|
|
</DialogTrigger>
|
|
<DialogContent className={"sm:max-w-5xl overflow-y-auto max-h-screen"}>
|
|
<DialogHeader>
|
|
<DialogTitle>Node Config</DialogTitle>
|
|
<DialogDescription>
|
|
See in detail the metadata of this node
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="text-wrap rounded-lg border p-4 text-sm sm:max-w-[59rem] bg-card">
|
|
<code>
|
|
<pre className="whitespace-pre-wrap break-words">
|
|
{JSON.stringify(data, null, 2)}
|
|
</pre>
|
|
</code>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
};
|