homepage-plus/src/widgets/unmanic/component.jsx
2024-06-03 13:17:23 -07:00

47 lines
1.4 KiB
JavaScript

import { useEffect, useState } from "react";
import Container from "components/services/widget/container";
import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api";
import { formatProxyUrl } from "utils/proxy/api-helpers";
export default function Component({ service }) {
const { widget } = service;
const { data: workersData, error: workersError } = useWidgetAPI(widget, "workers");
const [pendingData, setPendingData] = useState(null);
useEffect(() => {
async function fetchPending() {
const url = formatProxyUrl(widget, "pending");
const res = await fetch(url, { method: "POST" });
setPendingData(await res.json());
}
if (!pendingData) {
fetchPending();
}
}, [widget, pendingData]);
if (workersError) {
return <Container service={service} error={workersError} />;
}
if (!workersData || !pendingData) {
return (
<Container service={service}>
<Block label="unmanic.active_workers" />
<Block label="unmanic.total_workers" />
<Block label="unmanic.records_total" />
</Container>
);
}
return (
<Container service={service}>
<Block label="unmanic.active_workers" value={workersData.active_workers} />
<Block label="unmanic.total_workers" value={workersData.total_workers} />
<Block label="unmanic.records_total" value={pendingData.recordsTotal} />
</Container>
);
}