Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-07-22 06:15:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement homeStats query for dashboard overview

Browse Source 
- Replace individual project and server queries with a consolidated homeStats query to streamline data retrieval for the dashboard.
- Update the ShowHome component to utilize homeStats for displaying project, environment, application, and service counts, along with their status breakdown.
- Enhance data handling for user permissions to ensure accurate statistics based on user access levels.
This commit is contained in:
Mauricio Siu
2026-04-17 22:18:14 -06:00
parent 2ba1df1eaa
commit 5c787adae1
2 changed files with 157 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
apps/dokploy/components/dashboard/home/show-home.tsx
View File

@@ -95,8 +95,7 @@ function StatusListCard({
export const ShowHome = () => {
const { data: auth } = api.user.get.useQuery();
const { data: projects } = api.project.all.useQuery();
const { data: servers } = api.server.all.useQuery();
const { data: homeStats } = api.project.homeStats.useQuery();
const { data: permissions } = api.user.getPermissions.useQuery();
const canReadDeployments = !!permissions?.deployment.read;
const { data: deployments } = api.deployment.allCentralized.useQuery(
@@ -109,53 +108,19 @@ export const ShowHome = () => {
const firstName = auth?.user?.firstName?.trim();
const { totals, statusBreakdown } = useMemo(() => {
let applications = 0;
let compose = 0;
let databases = 0;
let environments = 0;
const breakdown = { running: 0, error: 0, idle: 0 };
const dbKeys = [
"postgres",
"mysql",
"mariadb",
"mongo",
"redis",
"libsql",
] as const;
const bump = (status?: string) => {
if (status === "done") breakdown.running++;
else if (status === "error") breakdown.error++;
else breakdown.idle++;
};
for (const p of projects ?? []) {
for (const env of p.environments ?? []) {
environments++;
applications += env.applications?.length ?? 0;
compose += env.compose?.length ?? 0;
for (const a of env.applications ?? []) bump(a.applicationStatus);
for (const c of env.compose ?? []) bump((c as any).composeStatus);
for (const key of dbKeys) {
const list = ((env as any)[key] ?? []) as Array<{
applicationStatus?: string;
}>;
databases += list.length;
for (const s of list) bump(s.applicationStatus);
}
}
}
return {
totals: {
projects: projects?.length ?? 0,
environments,
applications,
compose,
databases,
services: applications + compose + databases,
},
statusBreakdown: breakdown,
};
}, [projects, servers]);
const totals = homeStats ?? {
projects: 0,
environments: 0,
applications: 0,
compose: 0,
databases: 0,
services: 0,
};
const statusBreakdown = homeStats?.status ?? {
running: 0,
error: 0,
idle: 0,
};
const recentDeployments = useMemo(() => {
if (!deployments) return [];