From 96bb72eb99ae2dc5a9ef0c96b72078b487826d09 Mon Sep 17 00:00:00 2001 From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com> Date: Sat, 1 Feb 2025 19:27:10 -0600 Subject: [PATCH] refactor: update docker stats --- .../monitoring/docker/docker-block-chart.tsx | 8 +- .../monitoring/docker/docker-cpu-chart.tsx | 6 +- .../monitoring/docker/docker-memory-chart.tsx | 11 +- .../docker/docker-network-chart.tsx | 12 +- .../dashboard/monitoring/docker/show.tsx | 58 +++++---- apps/dokploy/server/wss/docker-stats.ts | 15 ++- packages/server/src/index.ts | 2 +- .../src/monitoring/{utilts.ts => utils.ts} | 112 +++--------------- packages/server/src/services/application.ts | 2 +- 9 files changed, 92 insertions(+), 134 deletions(-) rename packages/server/src/monitoring/{utilts.ts => utils.ts} (53%) diff --git a/apps/dokploy/components/dashboard/monitoring/docker/docker-block-chart.tsx b/apps/dokploy/components/dashboard/monitoring/docker/docker-block-chart.tsx index 57a3cbe2..790bf021 100644 --- a/apps/dokploy/components/dashboard/monitoring/docker/docker-block-chart.tsx +++ b/apps/dokploy/components/dashboard/monitoring/docker/docker-block-chart.tsx @@ -90,9 +90,11 @@ const CustomTooltip = ({ active, payload }: CustomTooltipProps) => { if (active && payload && payload.length && payload[0]) { return (
{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
-{`Read ${payload[0].payload.readMb.toFixed(2)} MB`}
-{`Write: ${payload[0].payload.writeMb.toFixed(3)} MB`}
+ {payload[0].payload.time && ( +{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ )} +{`Read ${payload[0].payload.readMb} `}
+{`Write: ${payload[0].payload.writeMb} `}
{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ {payload[0].payload.time && ( +{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ )}{`CPU Usage: ${payload[0].payload.usage}%`}
{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ {payload[0].payload.time && ( +{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ )} +{`Memory usage: ${payload[0].payload.usage} GB`}
{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
-{`In MB Usage: ${payload[0].payload.inMB} MB`}
-{`Out MB Usage: ${payload[0].payload.outMB} MB`}
+ {payload[0].payload.time && ( +{`Date: ${format(new Date(payload[0].payload.time), "PPpp")}`}
+ )} +{`In Usage: ${payload[0].payload.inMB} `}
+{`Out Usage: ${payload[0].payload.outMB} `}