mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
53 lines
1.2 KiB
TypeScript
53 lines
1.2 KiB
TypeScript
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
|
|
import { api } from "@/utils/api";
|
|
|
|
interface Props {
|
|
containerId: string;
|
|
}
|
|
|
|
export const ShowContainerConfig = ({ containerId }: Props) => {
|
|
const { data } = api.docker.getConfig.useQuery(
|
|
{
|
|
containerId,
|
|
},
|
|
{
|
|
enabled: !!containerId,
|
|
},
|
|
);
|
|
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>Container Config</DialogTitle>
|
|
<DialogDescription>
|
|
See in detail the config of this container
|
|
</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>
|
|
);
|
|
};
|