feat: suppression de série entière (dossier + livres + métadonnées)

Backend:
- Ajoute DELETE /libraries/:id/series/:name dans series.rs
- Supprime tous les fichiers physiques des livres de la série
- Supprime le dossier de la série (remove_dir_all)
- Nettoie en DB : books, series_metadata, external_metadata_links,
  anilist_series_links, available_downloads
- Queue un scan job pour cohérence

Frontend:
- Crée DeleteSeriesButton.tsx avec modale de confirmation
- Ajouté dans la toolbar de la page détail série
- i18n fr/en pour les textes de confirmation

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 17:33:40 +02:00
parent 3e4c9e888a
commit 2d44885826
6 changed files with 204 additions and 1 deletions

View File

@@ -21,6 +21,9 @@ const ReadingStatusModal = nextDynamic(
const ProwlarrSearchModal = nextDynamic(
() => import("@/app/components/ProwlarrSearchModal").then(m => m.ProwlarrSearchModal)
);
const DeleteSeriesButton = nextDynamic(
() => import("@/app/components/DeleteSeriesButton").then(m => m.DeleteSeriesButton)
);
import { notFound } from "next/navigation";
import { getServerTranslations } from "@/lib/i18n/server";
@@ -262,6 +265,10 @@ export default async function SeriesDetailPage({
readingStatusProvider={library.reading_status_provider ?? null}
existingLink={readingStatusLink}
/>
<DeleteSeriesButton
libraryId={id}
seriesName={seriesName}
/>
</div>
</div>
</div>

View File

@@ -0,0 +1,62 @@
"use client";
import { useState } from "react";
import { useRouter } from "next/navigation";
import { Button, Icon, Modal } from "./ui";
import { useTranslation } from "@/lib/i18n/context";
export function DeleteSeriesButton({ libraryId, seriesName }: { libraryId: string; seriesName: string }) {
const { t } = useTranslation();
const router = useRouter();
const [showConfirm, setShowConfirm] = useState(false);
const [deleting, setDeleting] = useState(false);
async function handleDelete() {
setDeleting(true);
setShowConfirm(false);
try {
const resp = await fetch(
`/api/libraries/${libraryId}/series/${encodeURIComponent(seriesName)}`,
{ method: "DELETE" }
);
if (resp.ok) {
router.push(`/libraries/${libraryId}/series`);
}
} finally {
setDeleting(false);
}
}
return (
<>
<Button
variant="destructive"
size="sm"
onClick={() => setShowConfirm(true)}
disabled={deleting}
>
{deleting ? <Icon name="spinner" size="sm" className="animate-spin" /> : <Icon name="trash" size="sm" />}
<span className="ml-1.5">{t("seriesDetail.delete")}</span>
</Button>
<Modal isOpen={showConfirm} onClose={() => setShowConfirm(false)} maxWidth="sm">
<div className="p-6">
<h3 className="text-lg font-semibold text-foreground mb-2">
{t("seriesDetail.delete")}
</h3>
<p className="text-sm text-muted-foreground">
{t("seriesDetail.confirmDelete")}
</p>
</div>
<div className="flex justify-end gap-2 px-6 pb-6">
<Button variant="outline" size="sm" onClick={() => setShowConfirm(false)}>
{t("common.cancel")}
</Button>
<Button variant="destructive" size="sm" onClick={handleDelete}>
{t("seriesDetail.delete")}
</Button>
</div>
</Modal>
</>
);
}

View File

@@ -764,6 +764,8 @@ const en: Record<TranslationKey, string> = {
"bookDetail.updatedAt": "Updated",
"bookDetail.delete": "Delete",
"bookDetail.confirmDelete": "The file will be permanently deleted from disk. This action cannot be undone.",
"seriesDetail.delete": "Delete series",
"seriesDetail.confirmDelete": "All books and the series folder will be permanently deleted from disk. This action cannot be undone.",
// Book preview
"bookPreview.preview": "Preview",

View File

@@ -762,6 +762,8 @@ const fr = {
"bookDetail.updatedAt": "Mis à jour",
"bookDetail.delete": "Supprimer",
"bookDetail.confirmDelete": "Le fichier sera définitivement supprimé du disque. Cette action est irréversible.",
"seriesDetail.delete": "Supprimer la série",
"seriesDetail.confirmDelete": "Tous les livres et le dossier de la série seront définitivement supprimés du disque. Cette action est irréversible.",
// Book preview
"bookPreview.preview": "Aperçu",