OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor code styling of proxmoxbackupserver widget

Browse Source
This commit is contained in:
Michael Shamoon 2023-01-27 12:53:29 -08:00
parent 6df3765258
commit 4d658322a2
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/widgets/proxmoxbackupserver/component.jsx
View File

@ -13,7 +13,6 @@ export default function Component({ service }) {
const { data: tasksData, error: tasksError } = useWidgetAPI(widget, "nodes/localhost/tasks"); const { data: tasksData, error: tasksError } = useWidgetAPI(widget, "nodes/localhost/tasks");
const { data: hostData, error: hostError } = useWidgetAPI(widget, "nodes/localhost/status"); const { data: hostData, error: hostError } = useWidgetAPI(widget, "nodes/localhost/status");
if (datastoreError || tasksError || hostError) { if (datastoreError || tasksError || hostError) {
const finalError = tasksError ?? datastoreError ?? hostError; const finalError = tasksError ?? datastoreError ?? hostError;
return <Container error={finalError} />; return <Container error={finalError} />;
@ -33,17 +32,14 @@ export default function Component({ service }) {
const datastoreUsage = datastoreData.data[0].used / datastoreData.data[0].total * 100; const datastoreUsage = datastoreData.data[0].used / datastoreData.data[0].total * 100;
const cpuUsage = hostData.data.cpu * 100; const cpuUsage = hostData.data.cpu * 100;
const memoryUsage = hostData.data.memory.used / hostData.data.memory.total * 100; const memoryUsage = hostData.data.memory.used / hostData.data.memory.total * 100;
let failedTasks = tasksData.total; const failedTasks = tasksData.total >= 100 ? "99+" : tasksData.total;
if (failedTasks >= 100) {
failedTasks = "99+";
}
return ( return (
<Container service={service}> <Container service={service}>
<Block label="proxmoxbackupserver.datastore_usage" value={t("common.percent", { value: (datastoreUsage)})} /> <Block label="proxmoxbackupserver.datastore_usage" value={t("common.percent", { value: datastoreUsage })} />
<Block label="proxmoxbackupserver.failed_tasks_24h" value={failedTasks} /> <Block label="proxmoxbackupserver.failed_tasks_24h" value={failedTasks} />
<Block label="proxmoxbackupserver.cpu_usage" value={t("common.percent", { value: (cpuUsage)})} /> <Block label="proxmoxbackupserver.cpu_usage" value={t("common.percent", { value: cpuUsage })} />
<Block label="proxmoxbackupserver.memory_usage" value={t("common.percent", { value: memoryUsage})} /> <Block label="proxmoxbackupserver.memory_usage" value={t("common.percent", { value: memoryUsage })} />
</Container> </Container>
); );
} }