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

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-11-18 21:11:56 +01:00
parent a2862f22f6
commit ae69fec7ce
5 changed files with 38 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,6 +9,7 @@ import { NodeMetricsCharts } from "./node-metrics-charts"
import { NetworkTrafficChart } from "./network-traffic-chart"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select"
import { fetchApi } from "../lib/api-config"
import { getUnitsSettings } from "../lib/network-utils"
interface SystemData {
cpu_usage: number
@@ -164,34 +165,20 @@ export function SystemOverview() {
const [networkUnit, setNetworkUnit] = useState<"Bytes" | "Bits">("Bytes")
useEffect(() => {
const getSettings = () => {
if (typeof window === 'undefined') return { networkUnit: 'Bytes' as const }
try {
const settings = window.localStorage.getItem('unitsSettings')
if (settings) {
const parsed = JSON.parse(settings)
return { networkUnit: parsed.networkUnit || 'Bytes' }
}
} catch (e) {
console.error('[v0] Error reading units settings:', e)
}
return { networkUnit: 'Bytes' as const }
}
const settings = getSettings()
const settings = getUnitsSettings()
setNetworkUnit(settings.networkUnit as "Bytes" | "Bits")
const handleStorageChange = () => {
const settings = getSettings()
const handleSettingsChange = () => {
const settings = getUnitsSettings()
setNetworkUnit(settings.networkUnit as "Bytes" | "Bits")
}
window.addEventListener('storage', handleStorageChange)
window.addEventListener('unitsSettingsChanged', handleStorageChange)
window.addEventListener('storage', handleSettingsChange)
window.addEventListener('unitsSettingsChanged', handleSettingsChange)
return () => {
window.removeEventListener('storage', handleStorageChange)
window.removeEventListener('unitsSettingsChanged', handleStorageChange)
window.removeEventListener('storage', handleSettingsChange)
window.removeEventListener('unitsSettingsChanged', handleSettingsChange)
}
}, [])
@@ -341,27 +328,6 @@ export function SystemOverview() {
}
}
const formatNetworkTraffic = (sizeInGB: number, unit: "Bytes" | "Bits" = "Bytes"): string => {
if (unit === "Bits") {
const sizeInBits = sizeInGB * 8
if (sizeInBits < 1024) {
return `${sizeInBits.toFixed(1)} b`
} else if (sizeInBits < 1024 ** 2) {
return `${(sizeInBits / 1024).toFixed(1)} Kb`
} else if (sizeInBits < 1024 ** 3) {
return `${(sizeInBits / 1024 ** 2).toFixed(1)} Mb`
} else if (sizeInBits < 1024 ** 4) {
return `${(sizeInBits / 1024 ** 3).toFixed(2)} Gb`
} else if (sizeInBits < 1024 ** 5) {
return `${(sizeInBits / 1024 ** 4).toFixed(2)} Tb`
} else {
return `${(sizeInBits / 1024 ** 5).toFixed(2)} Pb`
}
} else {
return formatStorage(sizeInGB)
}
}
const tempStatus = getTemperatureStatus(systemData.temperature)
const localStorage = proxmoxStorageData?.storage.find((s) => s.name === "local")