diff --git a/front/packages/ui/src/downloads/page.tsx b/front/packages/ui/src/downloads/page.tsx index ff31a3db..f384501b 100644 --- a/front/packages/ui/src/downloads/page.tsx +++ b/front/packages/ui/src/downloads/page.tsx @@ -64,7 +64,7 @@ const DownloadedItem = ({ const { css } = useYoshiki(); const { t } = useTranslation(); const router = useRouter(); - const { error, status, pause, resume, remove, play } = useAtomValue(statusAtom); + const { error, status, progress, pause, resume, remove, play, retry } = useAtomValue(statusAtom); return ( @@ -131,10 +131,34 @@ const DownloadedItem = ({ {name ?? t("show.episodeNoMetadata")} {status === "FAILED" &&

{t("downloads.error", { error: error ?? "Unknow error" })}

} - {runtime && status !== "FAILED" && {displayRuntime(runtime)}} + {runtime && status === "DONE" && {displayRuntime(runtime)}} + {progress !== 100 && ( + + {progress}% + theme.user.overlay0, + })} + > + theme.user.accent, + width: percent(progress), + height: percent(100), + })} + /> + + + )} - {status === "FAILED" && {}} />} + {status === "FAILED" && ( + retry?.()} /> + )} {status === "DOWNLOADING" && ( pause?.()} /> )}