add retry and delete buttons to torrents table

web/src/lib/components/delete-torrent-dialog.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import { Label } from '$lib/components/ui/label';
+	import { toast } from 'svelte-sonner';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import client from '$lib/api';
+	import { Checkbox } from '$lib/components/ui/checkbox';
+	import { invalidateAll } from '$app/navigation';
+
+	let { torrentId, torrentName }: { torrentId: string; torrentName: string } = $props();
+	let dialogueState = $state(false);
+	let deleteFiles = $state(false);
+
+	async function deleteTorrent() {
+		const { error } = await client.DELETE(`/api/v1/torrent/{torrent_id}`, {
+			params: {
+				path: {
+					torrent_id: torrentId
+				},
+				query: {
+					delete_files: deleteFiles
+				}
+			}
+		});
+		if (error) {
+			toast.error(`Failed to delete torrent: ${error}`);
+		} else {
+			toast.success('Torrent deleted successfully!');
+			dialogueState = false;
+		}
+		await invalidateAll();
+	}
+</script>
+
+<Dialog.Root bind:open={dialogueState}>
+	<Dialog.Trigger class={buttonVariants({ variant: 'destructive' })}>Delete Torrent</Dialog.Trigger>
+	<Dialog.Content>
+		<Dialog.Header>
+			<Dialog.Title>Delete a Torrent</Dialog.Title>
+			<Dialog.Description>
+				Delete Torrent "{torrentName}". This action cannot be undone!
+			</Dialog.Description>
+		</Dialog.Header>
+		<div class="flex w-full max-w-sm items-center space-x-2">
+			<Checkbox bind:checked={deleteFiles} id="delete-files" />
+			<div class="flex flex-col">
+				<Label for="delete-files">
+					Delete associated files as well.
+					<p class="text-muted-foreground text-sm font-normal">
+						(Only files in the download location will be deleted)
+					</p>
+				</Label>
+			</div>
+		</div>
+
+		<Dialog.Footer>
+			<Button onclick={() => (dialogueState = false)}>Cancel</Button>
+			<Button onclick={() => deleteTorrent()} variant="destructive">Delete Torrent</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>

web/src/lib/components/torrent-table.svelte

@@ -6,8 +6,43 @@
 	} from '$lib/utils.js';
 	import CheckmarkX from '$lib/components/checkmark-x.svelte';
 	import * as Table from '$lib/components/ui/table/index.js';
+	import type { components } from '$lib/api/api';
+	import { getContext } from 'svelte';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import client from '$lib/api';
+	import { toast } from 'svelte-sonner';
+	import DeleteTorrentDialog from '$lib/components/delete-torrent-dialog.svelte';
 
-	let { torrents, isShow = true } = $props();
+	let {
+		torrents,
+		isShow = true
+	}: {
+		torrents:
+			| components['schemas']['MovieTorrent'][]
+			| components['schemas']['RichSeasonTorrent'][];
+		isShow: boolean;
+	} = $props();
+
+	let user: () => components['schemas']['UserRead'] = getContext('user');
+
+	async function retryTorrentDownload(
+		torrent: components['schemas']['MovieTorrent'] | components['schemas']['RichSeasonTorrent']
+	) {
+		console.log(`Retrying download for torrent ${torrent.torrent_title}`);
+		const { error } = await client.POST('/api/v1/torrent/{torrent_id}/retry', {
+			params: {
+				path: {
+					torrent_id: torrent.torrent_id!
+				}
+			}
+		});
+		if (error) {
+			toast.error(`Failed on retrying download: ${error}`);
+		} else {
+			console.log(`Successfully retried download for torrent ${torrent.torrent_title}`);
+			toast.success('Trying to download torrent...');
+		}
+	}
 </script>
 
 <Table.Root>
@@ -22,6 +57,9 @@
 			<Table.Head>Quality</Table.Head>
 			<Table.Head>File Path Suffix</Table.Head>
 			<Table.Head>Imported</Table.Head>
+			{#if user().is_superuser}
+				<Table.Head>Actions</Table.Head>
+			{/if}
 		</Table.Row>
 	</Table.Header>
 	<Table.Body>
@@ -32,7 +70,9 @@
 				</Table.Cell>
 				{#if isShow}
 					<Table.Cell>
-						{convertTorrentSeasonRangeToIntegerRange(torrent)}
+						{convertTorrentSeasonRangeToIntegerRange(
+							(torrent as components['schemas']['RichSeasonTorrent']).seasons!
+						)}
 					</Table.Cell>
 				{/if}
 				<Table.Cell>
@@ -47,6 +87,17 @@
 				<Table.Cell>
 					<CheckmarkX state={torrent.imported} />
 				</Table.Cell>
+				{#if user().is_superuser}
+					<Table.Cell class="justify flex flex-col gap-2 xl:flex-row">
+						{#if 'finished' !== getTorrentStatusString(torrent.status)}
+							<Button variant="secondary" onclick={() => retryTorrentDownload(torrent)}>
+								Retry Download
+							</Button>
+						{/if}
+						<DeleteTorrentDialog torrentName={torrent.torrent_title} torrentId={torrent.torrent_id!}
+						></DeleteTorrentDialog>
+					</Table.Cell>
+				{/if}
 			</Table.Row>
 		{/each}
 	</Table.Body>