julienfroidefond/stripstream-librarian
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: rafraîchir la liste des téléchargements disponibles côté client
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 47s
Details

Browse Source 
La section "available downloads" n'était jamais mise à jour après le
chargement initial car seuls les torrent downloads étaient rafraîchis.
Stocke latestFound en state React et le rafraîchit en parallèle.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Julien Froidefond
2026-03-27 13:11:05 +01:00
parent fc3810e9c3
commit 336ffa759b
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/backoffice/app/(app)/downloads/DownloadsPage.tsx
View File

@@ -73,6 +73,7 @@ const PAGE_SIZE = 10;
export function DownloadsPage({ initialDownloads, initialLatestFound, qbConfigured }: DownloadsPageProps) { export function DownloadsPage({ initialDownloads, initialLatestFound, qbConfigured }: DownloadsPageProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const [downloads, setDownloads] = useState<TorrentDownloadDto[]>(initialDownloads); const [downloads, setDownloads] = useState<TorrentDownloadDto[]>(initialDownloads);
const [latestFound, setLatestFound] = useState<LatestFoundPerLibraryDto[]>(initialLatestFound);
const [filter, setFilter] = useState<string>("all"); const [filter, setFilter] = useState<string>("all");
const [isRefreshing, setIsRefreshing] = useState(false); const [isRefreshing, setIsRefreshing] = useState(false);
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
@@ -80,8 +81,12 @@ export function DownloadsPage({ initialDownloads, initialLatestFound, qbConfigur
const refresh = useCallback(async (showSpinner = true) => { const refresh = useCallback(async (showSpinner = true) => {
if (showSpinner) setIsRefreshing(true); if (showSpinner) setIsRefreshing(true);
try { try {
const resp = await fetch("/api/torrent-downloads"); const [dlResp, lfResp] = await Promise.all([
if (resp.ok) setDownloads(await resp.json()); fetch("/api/torrent-downloads"),
fetch("/api/download-detection/latest-found"),
]);
if (dlResp.ok) setDownloads(await dlResp.json());
if (lfResp.ok) setLatestFound(await lfResp.json());
} finally { } finally {
if (showSpinner) setIsRefreshing(false); if (showSpinner) setIsRefreshing(false);
} }
@@ -184,7 +189,7 @@ export function DownloadsPage({ initialDownloads, initialLatestFound, qbConfigur
)} )}
{/* Available downloads from latest detection */} {/* Available downloads from latest detection */}
{initialLatestFound.length > 0 && ( {latestFound.length > 0 && (
<QbittorrentProvider initialConfigured={qbConfigured} onDownloadStarted={() => refresh(false)}> <QbittorrentProvider initialConfigured={qbConfigured} onDownloadStarted={() => refresh(false)}>
<div className="mt-10"> <div className="mt-10">
<h2 className="text-xl font-bold text-foreground mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-foreground mb-4 flex items-center gap-2">
@@ -192,7 +197,7 @@ export function DownloadsPage({ initialDownloads, initialLatestFound, qbConfigur
{t("downloads.availableTitle")} {t("downloads.availableTitle")}
</h2> </h2>
<div className="space-y-6"> <div className="space-y-6">
{initialLatestFound.map(lib => ( {latestFound.map(lib => (
<AvailableLibraryCard key={lib.library_id} lib={lib} /> <AvailableLibraryCard key={lib.library_id} lib={lib} />
))} ))}
</div> </div>