mirror of
https://github.com/DI0IK/homepage-plus.git
synced 2025-07-07 06:08:48 +00:00
47 lines
1.4 KiB
JavaScript
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>
|
|
);
|
|
}
|