mirror of
https://github.com/andwati/dokploy.git
synced 2026-10-27 15:32:16 +00:00
50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
import { api } from "@/utils/api";
|
|
import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
|
|
export const AddManager = () => {
|
|
const { data } = api.cluster.addManager.useQuery();
|
|
|
|
return (
|
|
<>
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<DropdownMenuItem
|
|
className="cursor-pointer flex flex-row gap-2 items-center"
|
|
onSelect={(e) => e.preventDefault()}
|
|
>
|
|
Add Manager
|
|
</DropdownMenuItem>
|
|
</DialogTrigger>
|
|
<DialogContent className="sm:max-w-4xl max-h-screen overflow-y-auto ">
|
|
<DialogHeader>
|
|
<DialogTitle>Add a new manager</DialogTitle>
|
|
<DialogDescription>Add a new manager</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="flex flex-col gap-4 text-sm">
|
|
<span>1. Go to your new server and run the following command</span>
|
|
<span className="bg-muted rounded-lg p-2">
|
|
curl https://get.docker.com | sh -s -- --version 24.0
|
|
</span>
|
|
</div>
|
|
|
|
<div className="flex flex-col gap-4 text-sm">
|
|
<span>
|
|
2. Run the following command to add the node(server) to your
|
|
cluster
|
|
</span>
|
|
<span className="bg-muted rounded-lg p-2 ">{data}</span>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</>
|
|
);
|
|
};
|