mirror of
https://github.com/andwati/dokploy.git
synced 2026-10-25 06:22:19 +00:00
439f575669
* refactor: unify server admin tools into dashboard pages with server selector Replace the per-server Advanced dropdown (Traefik file system, Docker containers, swarm overview, swarm nodes, schedules) with a server selector on the existing dashboard routes, defaulting to the Dokploy server. Pages are now available in cloud too, since the dropdown was the only entry point there; the cloud-only monitoring modal moves to an icon button on the server card. * feat: add frontend-design skill and enhance dashboard UI components - Introduced a new skill for creating high-quality frontend designs, emphasizing intentional aesthetics and detailed guidelines for implementation. - Updated the Traefik system component to improve the user experience when no files or directories are found, incorporating new icons and a more informative layout. - Enhanced the server filter component with improved loading states, user prompts, and a more visually appealing design, including badges and better server information display. * [autofix.ci] apply automated fixes * style: adjust Card component layout in schedules page for improved responsiveness - Modified the Card component in the schedules page to ensure it utilizes full width while maintaining the minimum height, enhancing the overall layout and user experience. --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
60 lines
1.5 KiB
TypeScript
60 lines
1.5 KiB
TypeScript
import { validateRequest } from "@dokploy/server";
|
|
import { createServerSideHelpers } from "@trpc/react-query/server";
|
|
import type { GetServerSidePropsContext } from "next";
|
|
import type { ReactElement } from "react";
|
|
import superjson from "superjson";
|
|
import { ShowNodes } from "@/components/dashboard/settings/cluster/nodes/show-nodes";
|
|
import { DashboardLayout } from "@/components/layouts/dashboard-layout";
|
|
import { ServerFilter } from "@/components/shared/server-filter";
|
|
import { appRouter } from "@/server/api/root";
|
|
|
|
const Page = () => {
|
|
return (
|
|
<ServerFilter>
|
|
{(serverId) => (
|
|
<div className="flex flex-col gap-4 w-full">
|
|
<ShowNodes serverId={serverId} />
|
|
</div>
|
|
)}
|
|
</ServerFilter>
|
|
);
|
|
};
|
|
|
|
export default Page;
|
|
|
|
Page.getLayout = (page: ReactElement) => {
|
|
return <DashboardLayout metaName="Nodes">{page}</DashboardLayout>;
|
|
};
|
|
export async function getServerSideProps(
|
|
ctx: GetServerSidePropsContext<{ serviceId: string }>,
|
|
) {
|
|
const { req, res } = ctx;
|
|
const { user, session } = await validateRequest(ctx.req);
|
|
if (!user || user.role === "member") {
|
|
return {
|
|
redirect: {
|
|
permanent: false,
|
|
destination: "/",
|
|
},
|
|
};
|
|
}
|
|
const helpers = createServerSideHelpers({
|
|
router: appRouter,
|
|
ctx: {
|
|
req: req as any,
|
|
res: res as any,
|
|
db: null as any,
|
|
session: session as any,
|
|
user: user as any,
|
|
},
|
|
transformer: superjson,
|
|
});
|
|
await helpers.user.get.prefetch();
|
|
|
|
return {
|
|
props: {
|
|
trpcState: helpers.dehydrate(),
|
|
},
|
|
};
|
|
}
|