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

fix: supprime le layout shift des boutons qBittorrent au chargement

Browse Source 
La config qBittorrent est maintenant récupérée côté serveur et passée
en prop au QbittorrentProvider, évitant le fetch client qui causait
l'apparition tardive des boutons de téléchargement.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Julien Froidefond
2026-03-27 08:38:57 +01:00
parent 59f9a657a4
commit f5ddeb461b
5 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/backoffice/app/(app)/jobs/[id]/components/DownloadDetectionCards.tsx
View File

@@ -48,15 +48,16 @@ export function DownloadDetectionErrorsCard({ results, t }: {
);
}
export function DownloadDetectionResultsCard({ results, libraryId, t }: {
export function DownloadDetectionResultsCard({ results, libraryId, qbConfigured, t }: {
results: DownloadDetectionResultDto[];
libraryId: string | null;
qbConfigured?: boolean;
t: TranslateFunction;
}) {
if (results.length === 0) return null;
return (
<QbittorrentProvider>
<QbittorrentProvider initialConfigured={qbConfigured}>
<Card className="lg:col-span-2">
<CardHeader>
<CardTitle>{t("jobDetail.downloadAvailableReleases")}</CardTitle>

8
apps/backoffice/app/(app)/jobs/[id]/page.tsx
View File

@@ -149,11 +149,15 @@ export default async function JobDetailPage({ params }: JobDetailPageProps) {
let downloadDetectionReport: DownloadDetectionReportDto | null = null;
let downloadDetectionResults: DownloadDetectionResultDto[] = [];
let downloadDetectionErrors: DownloadDetectionResultDto[] = [];
let qbConfigured = false;
if (isDownloadDetection) {
[downloadDetectionReport, downloadDetectionResults, downloadDetectionErrors] = await Promise.all([
[downloadDetectionReport, downloadDetectionResults, downloadDetectionErrors, qbConfigured] = await Promise.all([
getDownloadDetectionReport(id).catch(() => null),
getDownloadDetectionResults(id, "found").catch(() => []),
getDownloadDetectionResults(id, "error").catch(() => []),
apiFetch<{ url?: string; username?: string }>("/settings/qbittorrent")
.then(d => !!(d?.url?.trim() && d?.username?.trim()))
.catch(() => false),
]);
}
@@ -273,7 +277,7 @@ export default async function JobDetailPage({ params }: JobDetailPageProps) {
{/* Download detection */}
{isDownloadDetection && downloadDetectionReport && <DownloadDetectionReportCard report={downloadDetectionReport} t={t} />}
{isDownloadDetection && <DownloadDetectionErrorsCard results={downloadDetectionErrors} t={t} />}
{isDownloadDetection && <DownloadDetectionResultsCard results={downloadDetectionResults} libraryId={job.library_id} t={t} />}
{isDownloadDetection && <DownloadDetectionResultsCard results={downloadDetectionResults} libraryId={job.library_id} qbConfigured={qbConfigured} t={t} />}
{/* Metadata batch results */}
{isMetadataBatch && <MetadataBatchResultsCard results={batchResults} libraryId={job.library_id} t={t} />}