From dbdb3c0168c209b4704906e8df453d25a189fe03 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 19 May 2025 20:00:03 +0200
Subject: [PATCH] Add "Start-Job" button to MangaPopup (from list)

---
 tranga-website/src/Components/MangaList.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/tranga-website/src/Components/MangaList.tsx b/tranga-website/src/Components/MangaList.tsx
index f27b935..4b26a8c 100644
--- a/tranga-website/src/Components/MangaList.tsx
+++ b/tranga-website/src/Components/MangaList.tsx
@@ -1,7 +1,7 @@
 import {Badge, Box, Button, Card, CardContent, CardCover, Stack, Typography} from "@mui/joy";
 import {Dispatch, SetStateAction, useCallback, useContext, useEffect, useState} from "react";
 import {ApiUriContext} from "../api/fetchApi.tsx";
-import {DeleteJob, GetJobsWithType} from "../api/Job.tsx";
+import {DeleteJob, GetJobsWithType, StartJob} from "../api/Job.tsx";
 import {JobType} from "../api/types/Jobs/IJob.ts";
 import IDownloadAvailableChaptersJob from "../api/types/Jobs/IDownloadAvailableChaptersJob.ts";
 import {CardHeight, CardWidth, MangaFromId} from "./Manga.tsx";
@@ -23,6 +23,10 @@ export default function MangaList({connected, setShowSearch}: {connected: boolea
         DeleteJob(apiUri, jobId).finally(() => getJobList());
     },[apiUri]);
 
+    const startJob = useCallback((jobId: string) => {
+        StartJob(apiUri, jobId, true).finally(() => getJobList());
+    },[apiUri]);
+
     useEffect(() => {
         getJobList();
     }, [apiUri]);
@@ -69,6 +73,7 @@ export default function MangaList({connected, setShowSearch}: {connected: boolea
             </Badge>
             {jobList?.map((job) => (
                 <MangaFromId key={job.mangaId} mangaId={job.mangaId}>
+                    <Button color={"success"} endDecorator={<PlayArrow />} onClick={() => startJob(job.jobId)}>Start</Button>
                     <Button color={"danger"} endDecorator={<Remove />} onClick={() => deleteJob(job.jobId)}>Delete</Button>
                 </MangaFromId>
             ))}