diff --git a/apps/dokploy/components/dashboard/monitoring/paid/servers/network-chart.tsx b/apps/dokploy/components/dashboard/monitoring/paid/servers/network-chart.tsx
index 249df308b..8f72f2fca 100644
--- a/apps/dokploy/components/dashboard/monitoring/paid/servers/network-chart.tsx
+++ b/apps/dokploy/components/dashboard/monitoring/paid/servers/network-chart.tsx
@@ -19,6 +19,11 @@ interface NetworkChartProps {
data: any[];
}
+function formatNetworkGB(valueInMB: number) {
+ if (Number.isNaN(valueInMB)) return "0";
+ return (valueInMB / 1024).toFixed(1);
+}
+
const chartConfig = {
networkIn: {
label: "Network In",
@@ -38,8 +43,8 @@ export function NetworkChart({ data }: NetworkChartProps) {
Network
- Network Traffic: ↑ {latestData.networkOut} KB/s ↓{" "}
- {latestData.networkIn} KB/s
+ Network Total: ↑ {formatNetworkGB(latestData.networkOut)} GB ↓{" "}
+ {formatNetworkGB(latestData.networkIn)} GB (since Boot)
@@ -83,7 +88,7 @@ export function NetworkChart({ data }: NetworkChartProps) {
minTickGap={32}
tickFormatter={(value) => formatTimestamp(value)}
/>
- `${value} KB/s`} />
+ `${formatNetworkGB(value)} GB`} />
{
@@ -105,8 +110,8 @@ export function NetworkChart({ data }: NetworkChartProps) {
Network
- ↑ {data.networkOut} KB/s
-
↓ {data.networkIn} KB/s
+ ↑ {formatNetworkGB(data.networkOut)} GB
+
↓ {formatNetworkGB(data.networkIn)} GB