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
System protected
+ Combined speed of {(networkData.physical_active_count ?? 0) + (networkData.bridge_active_count ?? 0)}{" "} + active interfaces +