50 lines
1.8 KiB
JavaScript
50 lines
1.8 KiB
JavaScript
import { useTranslation } from "next-i18next";
|
|
|
|
import Container from "components/services/widget/container";
|
|
import Block from "components/services/widget/block";
|
|
import useWidgetAPI from "utils/proxy/use-widget-api";
|
|
|
|
export default function Component({ service }) {
|
|
const { t } = useTranslation();
|
|
|
|
const { widget } = service;
|
|
|
|
const { data: datastoreData, error: datastoreError } = useWidgetAPI(widget, "status/datastore-usage");
|
|
const { data: tasksData, error: tasksError } = useWidgetAPI(widget, "nodes/localhost/tasks");
|
|
const { data: hostData, error: hostError } = useWidgetAPI(widget, "nodes/localhost/status");
|
|
|
|
|
|
if (datastoreError || tasksError || hostError) {
|
|
const finalError = tasksError ?? datastoreError ?? hostError;
|
|
return <Container error={finalError} />;
|
|
}
|
|
|
|
if (!datastoreData || !tasksData || !hostData) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="pbs.datastore_usage" />
|
|
<Block label="pbs.failed_tasks" />
|
|
<Block label="pbs.cpu_usage" />
|
|
<Block label="pbs.memory_usage" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
const datastoreUsage = datastoreData.data[0].used / datastoreData.data[0].total * 100;
|
|
const cpuUsage = hostData.data.cpu * 100;
|
|
const memoryUsage = hostData.data.memory.used / hostData.data.memory.total * 100;
|
|
let failedTasks = tasksData.total;
|
|
if (failedTasks >= 100) {
|
|
failedTasks = "99+";
|
|
}
|
|
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="pbs.datastore_usage" value={t("common.percent", { value: (datastoreUsage)})} />
|
|
<Block label="pbs.failed_tasks_24h" value={failedTasks} />
|
|
<Block label="pbs.cpu_usage" value={t("common.percent", { value: (cpuUsage)})} />
|
|
<Block label="pbs.memory_usage" value={t("common.percent", { value: memoryUsage})} />
|
|
</Container>
|
|
);
|
|
}
|