From b4b4479e9b6f437940a5f2ea6e758c16ae1d5d40 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Wed, 18 Jun 2025 02:04:52 +0200
Subject: [PATCH] Open Links in new Tab

---
 tranga-website/src/Components/Chapter.tsx    | 2 +-
 tranga-website/src/Components/MangaPopup.tsx | 4 ++--
 tranga-website/src/Header.tsx                | 4 ++--
 tranga-website/src/Settings.tsx              | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/tranga-website/src/Components/Chapter.tsx b/tranga-website/src/Components/Chapter.tsx
index 3b7607b..5ef0ba9 100644
--- a/tranga-website/src/Components/Chapter.tsx
+++ b/tranga-website/src/Components/Chapter.tsx
@@ -38,7 +38,7 @@ export function Chapter({chapter, children} : { chapter: IChapter, children?: Re
         <Stack direction={"row"}>
             <MangaFromId mangaId={chapter.parentMangaId} />
             <Box>
-                <Link level={"title-lg"} href={chapter.url}>{chapter.title}</Link>
+                <Link target={"_blank"} level={"title-lg"} href={chapter.url}>{chapter.title}</Link>
                 <Typography>Volume <Chip>{chapter.volumeNumber}</Chip></Typography>
                 <Typography>Chapter <Chip>{chapter.chapterNumber}</Chip></Typography>
                 <Typography>Title <Chip>{chapter.title}</Chip></Typography>
diff --git a/tranga-website/src/Components/MangaPopup.tsx b/tranga-website/src/Components/MangaPopup.tsx
index ef31b77..08a9a95 100644
--- a/tranga-website/src/Components/MangaPopup.tsx
+++ b/tranga-website/src/Components/MangaPopup.tsx
@@ -137,7 +137,7 @@ export default function MangaPopup({manga, open, setOpen, children} : {manga: IM
                              onLoad={LoadMangaCover}/>
                     </Badge>
                     <Box>
-                        <Link href={manga?.websiteUrl} level={"h2"}>
+                        <Link target={"_blank"} href={manga?.websiteUrl} level={"h2"}>
                             {manga?.name}
                         </Link>
                         <Stack direction={"row"} flexWrap={"wrap"} useFlexGap={true} spacing={0.3} sx={{maxHeight:CardHeight*0.3+"px", overflowY:"auto", scrollbarWidth: "thin"}}>
@@ -145,7 +145,7 @@ export default function MangaPopup({manga, open, setOpen, children} : {manga: IM
                             {manga?.mangaTags?.map(tag => <Chip key={tag.tag} variant={"soft"} size={"md"} color={"primary"}>{tag.tag}</Chip>)}
                             {manga?.links?.map(link =>
                                 <Chip key={link.linkId} variant={"soft"} size={"md"} color={"warning"}>
-                                    <Link sx={{textDecoration:"underline"}} level={"body-xs"} href={link?.linkUrl}>{link?.linkProvider??"Load Failed"}</Link>
+                                    <Link target={"_blank"} sx={{textDecoration:"underline"}} level={"body-xs"} href={link?.linkUrl}>{link?.linkProvider??"Load Failed"}</Link>
                                 </Chip>
                             )}
                         </Stack>
diff --git a/tranga-website/src/Header.tsx b/tranga-website/src/Header.tsx
index 87e1ddc..09477fe 100644
--- a/tranga-website/src/Header.tsx
+++ b/tranga-website/src/Header.tsx
@@ -20,8 +20,8 @@ export default function Header({children} : {children? : ReactElement<any, any>
                     cursor: "default"
                 }}>Tranga</Typography>
                 <Box sx={{flexGrow: 1}} />
-                <Link href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link>
-                <Link href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link>
+                <Link target={"_blank"} href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link>
+                <Link target={"_blank"} href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link>
             </Stack>
         </Sheet>
     );
diff --git a/tranga-website/src/Settings.tsx b/tranga-website/src/Settings.tsx
index d166237..54bf86f 100644
--- a/tranga-website/src/Settings.tsx
+++ b/tranga-website/src/Settings.tsx
@@ -119,7 +119,7 @@ export default function Settings({open, setOpen, setApiUri, setConnected}:{open:
                     <FlareSolverr backendSettings={backendSettings} />
                 </AccordionGroup>
                 <Stack spacing={2} direction="row"> 
-                    <Link href={apiUri + "/swagger"}><Article />Swagger Doc</Link>
+                    <Link target={"_blank"} href={apiUri + "/swagger"}><Article />Swagger Doc</Link>
                 </Stack>
             </DialogContent>
         </Drawer>