Froidefond Julien
ccc7f375f6
Migration DB (0070 + 0071): - Backup automatique de book_reading_progress avant migration - Crée table series (fusion de series_metadata) avec UUID PK - Ajoute series_id FK à books, external_metadata_links, anilist_series_links, available_downloads, download_detection_results - Supprime les colonnes TEXT legacy et la table series_metadata Backend API + Indexer: - Toutes les queries SQL migrées vers series_id FK + JOIN series - Routes /series/:name → /series/:series_id (UUID) - Nouvel endpoint GET /series/by-name/:name pour lookup par nom - match_title_volumes() factorisé entre prowlarr.rs et download_detection.rs - Fix scheduler.rs: settings → app_settings - OpenAPI mis à jour avec les nouveaux endpoints Frontend: - Routes /libraries/[id]/series/[name] → /series/[seriesId] - Tous les composants (Edit, Delete, MarkRead, Prowlarr, Metadata, ReadingStatus) utilisent seriesId - compressVolumes() pour afficher T1→3 au lieu de T1 T2 T3 - Titre release en entier (plus de truncate) dans available downloads Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
63 lines
2.0 KiB
TypeScript
63 lines
2.0 KiB
TypeScript
"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, seriesId }: { libraryId: string; seriesId: 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/${seriesId}`,
|
|
{ method: "DELETE" }
|
|
);
|
|
if (resp.ok) {
|
|
router.push(`/libraries/${libraryId}/series`);
|
|
}
|
|
} finally {
|
|
setDeleting(false);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<button
|
|
type="button"
|
|
onClick={() => setShowConfirm(true)}
|
|
disabled={deleting}
|
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-destructive/30 bg-destructive/10 text-destructive text-sm font-medium hover:bg-destructive/20 transition-colors disabled:opacity-50"
|
|
>
|
|
{deleting ? <Icon name="spinner" size="sm" className="animate-spin" /> : <Icon name="trash" size="sm" />}
|
|
{t("seriesDetail.delete")}
|
|
</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>
|
|
</>
|
|
);
|
|
}
|