mirror of
https://github.com/Dokploy/dokploy.git
synced 2026-07-01 20:15:29 +02:00
2ec4868a09
- Refactored components and API routes to utilize the new web server schema, replacing user references with web server data. - Updated the dashboard settings to fetch and manage web server domains, IPs, and configurations. - Introduced a new web server router to handle related API requests, enhancing the overall architecture and data management. - Added SQL migration for the new web server table and adjusted the database schema accordingly.
61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/components/ui/card";
|
|
import { api } from "@/utils/api";
|
|
import { ServerIcon } from "lucide-react";
|
|
import { useTranslation } from "next-i18next";
|
|
import { ShowDokployActions } from "./servers/actions/show-dokploy-actions";
|
|
import { ShowStorageActions } from "./servers/actions/show-storage-actions";
|
|
import { ShowTraefikActions } from "./servers/actions/show-traefik-actions";
|
|
import { ToggleDockerCleanup } from "./servers/actions/toggle-docker-cleanup";
|
|
import { UpdateServer } from "./web-server/update-server";
|
|
|
|
export const WebServer = () => {
|
|
const { t } = useTranslation("settings");
|
|
const { data } = api.webServer.get.useQuery();
|
|
|
|
const { data: dokployVersion } = api.settings.getDokployVersion.useQuery();
|
|
|
|
return (
|
|
<div className="w-full">
|
|
<Card className="h-full bg-sidebar p-2.5 rounded-xl max-w-5xl mx-auto">
|
|
<div className="rounded-xl bg-background shadow-md ">
|
|
<CardHeader className="">
|
|
<CardTitle className="text-xl flex flex-row gap-2">
|
|
<ServerIcon className="size-6 text-muted-foreground self-center" />
|
|
{t("settings.server.webServer.title")}
|
|
</CardTitle>
|
|
<CardDescription>
|
|
{t("settings.server.webServer.description")}
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-6 py-6 border-t">
|
|
<div className="grid md:grid-cols-2 gap-4">
|
|
<ShowDokployActions />
|
|
<ShowTraefikActions />
|
|
<ShowStorageActions />
|
|
|
|
<UpdateServer />
|
|
</div>
|
|
|
|
<div className="flex items-center flex-wrap justify-between gap-4">
|
|
<span className="text-sm text-muted-foreground">
|
|
Server IP: {data?.serverIp}
|
|
</span>
|
|
<span className="text-sm text-muted-foreground">
|
|
Version: {dokployVersion}
|
|
</span>
|
|
|
|
<ToggleDockerCleanup />
|
|
</div>
|
|
</CardContent>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
);
|
|
};
|