Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 03:26:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-10-12 17:24:13 +02:00
parent 4c579cf862
commit 4bda9da860
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
AppImage/components/storage-metrics.tsx
View File

@@ -70,7 +70,7 @@ export function StorageMetrics() {
} }
fetchData() fetchData()
const interval = setInterval(fetchData, 30000) const interval = setInterval(fetchData, 60000)
return () => clearInterval(interval) return () => clearInterval(interval)
}, []) }, [])

2
AppImage/components/storage-overview.tsx
View File

@@ -100,7 +100,7 @@ export function StorageOverview() {
useEffect(() => { useEffect(() => {
fetchStorageData() fetchStorageData()
const interval = setInterval(fetchStorageData, 30000) // Update every 30 seconds const interval = setInterval(fetchStorageData, 60000)
return () => clearInterval(interval) return () => clearInterval(interval)
}, []) }, [])

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

@@ -231,7 +231,7 @@ export function SystemOverview() {
} }
fetchStorage() fetchStorage()
const storageInterval = setInterval(fetchStorage, 15000) const storageInterval = setInterval(fetchStorage, 30000)
return () => { return () => {
clearInterval(storageInterval) clearInterval(storageInterval)
@@ -323,8 +323,8 @@ export function SystemOverview() {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="text-2xl font-bold text-foreground">{systemData.cpu_usage}%</div> <div className="text-2xl font-bold text-foreground">{systemData.cpu_usage}%</div>
<Progress value={systemData.cpu_usage} className="mt-2" /> <Progress value={systemData.cpu_usage} className="mt-2 [&>div]:bg-blue-500" />
<p className="text-xs text-muted-foreground mt-2">Real-time data from Flask server</p> <p className="text-xs text-muted-foreground mt-2">Real-time usage</p>
</CardContent> </CardContent>
</Card> </Card>
@@ -335,9 +335,10 @@ export function SystemOverview() {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="text-2xl font-bold text-foreground">{systemData.memory_used.toFixed(1)} GB</div> <div className="text-2xl font-bold text-foreground">{systemData.memory_used.toFixed(1)} GB</div>
<Progress value={systemData.memory_usage} className="mt-2" /> <Progress value={systemData.memory_usage} className="mt-2 [&>div]:bg-blue-500" />
<p className="text-xs text-muted-foreground mt-2"> <p className="text-xs text-muted-foreground mt-2">
{systemData.memory_usage.toFixed(1)}% of {systemData.memory_total} GB <span className="text-blue-500 font-medium">{systemData.memory_usage.toFixed(1)}%</span> of{" "}
{systemData.memory_total} GB
</p> </p>
</CardContent> </CardContent>
</Card> </Card>
@@ -374,7 +375,7 @@ export function SystemOverview() {
{vmStats.running} Running {vmStats.running} Running
</Badge> </Badge>
{vmStats.stopped > 0 && ( {vmStats.stopped > 0 && (
<Badge variant="outline" className="bg-yellow-500/10 text-yellow-500 border-yellow-500/20"> <Badge variant="outline" className="bg-red-500/10 text-red-500 border-red-500/20">
{vmStats.stopped} Stopped {vmStats.stopped} Stopped
</Badge> </Badge>
)} )}
@@ -410,7 +411,7 @@ export function SystemOverview() {
<span className="text-sm text-muted-foreground">Available:</span> <span className="text-sm text-muted-foreground">Available:</span>
<span className="text-lg font-semibold text-green-500">{storageData.available} GB</span> <span className="text-lg font-semibold text-green-500">{storageData.available} GB</span>
</div> </div>
<Progress value={(storageData.used / storageData.total) * 100} className="mt-2" /> <Progress value={(storageData.used / storageData.total) * 100} className="mt-2 [&>div]:bg-blue-500" />
<div className="pt-2 border-t border-border"> <div className="pt-2 border-t border-border">
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{storageData.disks.length} disk{storageData.disks.length !== 1 ? "s" : ""} configured {storageData.disks.length} disk{storageData.disks.length !== 1 ? "s" : ""} configured