Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-14 16:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update system-overview.tsx

Browse Source
This commit is contained in:
MacRimi
2025-11-27 18:11:56 +01:00
parent 941e194df3
commit 4e07c7f2dc
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
AppImage/components/system-overview.tsx
View File

@@ -173,6 +173,7 @@ export function SystemOverview() {
network: true, network: true,
}) })
const [error, setError] = useState<string | null>(null) const [error, setError] = useState<string | null>(null)
const [hasAttemptedLoad, setHasAttemptedLoad] = useState(false) // Added hasAttemptedLoad state
const [networkTimeframe, setNetworkTimeframe] = useState("day") const [networkTimeframe, setNetworkTimeframe] = useState("day")
const [networkTotals, setNetworkTotals] = useState<{ received: number; sent: number }>({ received: 0, sent: 0 }) const [networkTotals, setNetworkTotals] = useState<{ received: number; sent: number }>({ received: 0, sent: 0 })
const [networkUnit, setNetworkUnit] = useState<"Bytes" | "Bits">("Bytes") // Added networkUnit state const [networkUnit, setNetworkUnit] = useState<"Bytes" | "Bits">("Bytes") // Added networkUnit state
@@ -188,6 +189,8 @@ export function SystemOverview() {
fetchNetworkData().finally(() => setLoadingStates((prev) => ({ ...prev, network: false }))), fetchNetworkData().finally(() => setLoadingStates((prev) => ({ ...prev, network: false }))),
]) ])
setHasAttemptedLoad(true)
if (!systemResult) { if (!systemResult) {
setError("Flask server not available. Please ensure the server is running.") setError("Flask server not available. Please ensure the server is running.")
return return
@@ -247,16 +250,10 @@ export function SystemOverview() {
} }
}, []) }, [])
const isInitialLoading = loadingStates.system && !systemData if (!hasAttemptedLoad || loadingStates.system) {
if (isInitialLoading) {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="text-center py-8"> <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6">
<div className="text-lg font-medium text-foreground mb-2">Connecting to ProxMenux Monitor...</div>
<div className="text-sm text-muted-foreground">Fetching real-time system data</div>
</div>
<div className="grid grid-cols-2 lg:grid-cols-4 gap-3 lg:gap-6">
{[...Array(4)].map((_, i) => ( {[...Array(4)].map((_, i) => (
<Card key={i} className="bg-card border-border animate-pulse"> <Card key={i} className="bg-card border-border animate-pulse">
<CardContent className="p-6"> <CardContent className="p-6">