You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.6 KiB
72 lines
2.6 KiB
import { useTranslation } from "next-i18next";
|
|
import { useCallback } from "react";
|
|
|
|
import QueueEntry from "../../components/widgets/queue/queueEntry";
|
|
|
|
import Container from "components/services/widget/container";
|
|
import Block from "components/services/widget/block";
|
|
import useWidgetAPI from "utils/proxy/use-widget-api";
|
|
|
|
function getProgress(sizeLeft, size) {
|
|
return sizeLeft === 0 ? 100 : (1 - sizeLeft / size) * 100;
|
|
}
|
|
|
|
export default function Component({ service }) {
|
|
const { t } = useTranslation();
|
|
const { widget } = service;
|
|
|
|
const { data: moviesData, error: moviesError } = useWidgetAPI(widget, "movie");
|
|
const { data: queuedData, error: queuedError } = useWidgetAPI(widget, "queue/status");
|
|
const { data: queueDetailsData, error: queueDetailsError } = useWidgetAPI(widget, "queue/details");
|
|
|
|
const formatDownloadState = useCallback((downloadState) => {
|
|
switch (downloadState) {
|
|
case "importPending":
|
|
return "import pending";
|
|
case "failedPending":
|
|
return "failed pending";
|
|
default:
|
|
return downloadState;
|
|
}
|
|
}, []);
|
|
|
|
if (moviesError || queuedError || queueDetailsError) {
|
|
const finalError = moviesError ?? queuedError ?? queueDetailsError;
|
|
return <Container service={service} error={finalError} />;
|
|
}
|
|
|
|
if (!moviesData || !queuedData || !queueDetailsData) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="radarr.wanted" />
|
|
<Block label="radarr.missing" />
|
|
<Block label="radarr.queued" />
|
|
<Block label="radarr.movies" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
const enableQueue = widget?.enableQueue && Array.isArray(queueDetailsData) && queueDetailsData.length > 0;
|
|
|
|
return (
|
|
<>
|
|
<Container service={service}>
|
|
<Block label="radarr.wanted" value={t("common.number", { value: moviesData.wanted })} />
|
|
<Block label="radarr.missing" value={t("common.number", { value: moviesData.missing })} />
|
|
<Block label="radarr.queued" value={t("common.number", { value: queuedData.totalCount })} />
|
|
<Block label="radarr.movies" value={t("common.number", { value: moviesData.have })} />
|
|
</Container>
|
|
{enableQueue &&
|
|
queueDetailsData.map((queueEntry) => (
|
|
<QueueEntry
|
|
progress={getProgress(queueEntry.sizeLeft, queueEntry.size)}
|
|
timeLeft={queueEntry.timeLeft}
|
|
title={moviesData.all.find((entry) => entry.id === queueEntry.movieId)?.title ?? t("radarr.unknown")}
|
|
activity={formatDownloadState(queueEntry.trackedDownloadState)}
|
|
key={`${queueEntry.movieId}-${queueEntry.sizeLeft}`}
|
|
/>
|
|
))}
|
|
</>
|
|
);
|
|
}
|