diff --git a/AppImage/components/network-metrics.tsx b/AppImage/components/network-metrics.tsx index 26706d6..145e5ab 100644 --- a/AppImage/components/network-metrics.tsx +++ b/AppImage/components/network-metrics.tsx @@ -214,6 +214,10 @@ export function NetworkMetrics() { healthColor = "bg-yellow-500/10 text-yellow-500 border-yellow-500/20" } + const totalBandwidth = [...(networkData.physical_interfaces || []), ...(networkData.bridge_interfaces || [])] + .filter((iface) => iface.status === "up") + .reduce((sum, iface) => sum + (iface.speed || 0), 0) + const getTimeframeLabel = () => { switch (timeframe) { case "hour": @@ -277,22 +281,20 @@ export function NetworkMetrics() { - {/* Firewall Status card */} - Firewall Status - + Total Bandwidth + -
Active
- - Protected - -

System protected

+
{formatSpeed(totalBandwidth)}
+

+ Combined speed of {(networkData.physical_active_count ?? 0) + (networkData.bridge_active_count ?? 0)}{" "} + active interfaces +

- {/* Network Health card */} Network Health