rqbit/crates/librqbit/webui/src/components/RootContent.tsx
Lionel DARNIS 5d68aaf352 feat(desktop): supprimer tous les torrents en une action
Ajoute api_torrents_delete_all sur l'Api librqbit : itere sur tous les
torrents de la session, les supprime avec ou sans les donnees selon
remove_files, collecte les erreurs sans interrompre la boucle et ne
renvoie une 500 qu'a la fin si au moins une suppression a echoue.

Cote desktop, la commande Tauri torrents_delete_all expose l'appel, et
la WebUI ajoute un bouton corbeille dans RootContent avec une modale de
confirmation DeleteAllTorrentsModal.

Limite connue : aucune route HTTP /torrents/delete_all n'est enregistree
dans http_api/handlers. Le chemin Tauri fonctionne (desktop/src/api.tsx
passe par invokeAPI), mais la WebUI servie en mode navigateur appellera
POST /torrents/delete_all et recevra un 404. La route reste a cabler
pour que le bouton fonctionne hors application desktop.

Ce correctif tournait depuis des semaines uniquement dans l'arbre de
travail, non versionne, alors qu'il etait deja compile dans les paquets
rqbit et rqbit-desktop installes.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-07 17:29:33 +02:00

41 lines
1.5 KiB
TypeScript

import { useState } from "react";
import { TorrentsList } from "./TorrentsList";
import { ErrorComponent } from "./ErrorComponent";
import { useTorrentStore } from "../stores/torrentStore";
import { useErrorStore } from "../stores/errorStore";
import { IconButton } from "./buttons/IconButton";
import { FiTrash2 } from "react-icons/fi";
import { DeleteAllTorrentsModal } from "./modal/DeleteAllTorrentsModal";
export const RootContent = (props: {}) => {
let closeableError = useErrorStore((state) => state.closeableError);
let setCloseableError = useErrorStore((state) => state.setCloseableError);
let otherError = useErrorStore((state) => state.otherError);
let torrents = useTorrentStore((state) => state.torrents);
let torrentsInitiallyLoading = useTorrentStore(
(state) => state.torrentsInitiallyLoading
);
const [deleteAllOpened, setDeleteAllOpened] = useState(false);
return (
<div className="container mx-auto">
<ErrorComponent
error={closeableError}
remove={() => setCloseableError(null)}
/>
<ErrorComponent error={otherError} />
{torrents && torrents.length > 0 && (
<div className="flex justify-end px-4 py-2">
<IconButton onClick={() => setDeleteAllOpened(true)}>
<FiTrash2 className="hover:text-red-500" />
</IconButton>
</div>
)}
<TorrentsList torrents={torrents} loading={torrentsInitiallyLoading} />
<DeleteAllTorrentsModal
show={deleteAllOpened}
onHide={() => setDeleteAllOpened(false)}
/>
</div>
);
};