From 486f6f60fbd129938fceb203e638ae9810d6c8b9 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Tue, 17 Jun 2025 15:30:37 +0200
Subject: [PATCH] Add Links to useful ressources (GitHub, Swagger Doc)

---
 tranga-website/src/Header.tsx   | 9 ++++++---
 tranga-website/src/Settings.tsx | 7 ++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/tranga-website/src/Header.tsx b/tranga-website/src/Header.tsx
index cdeb19e..84d1076 100644
--- a/tranga-website/src/Header.tsx
+++ b/tranga-website/src/Header.tsx
@@ -1,14 +1,15 @@
 import Sheet from "@mui/joy/Sheet";
-import {Box, Stack, Typography} from "@mui/joy";
+import {Box, Link, Stack, Typography} from "@mui/joy";
 import {ReactElement} from "react";
 import './Header.css';
+import { GitHub } from "@mui/icons-material";
 
 export default function Header({children} : {children? : ReactElement<any, any> | ReactElement<any,any>[] | undefined}) : ReactElement {
     
     return (
         <Sheet className={"header"} sx={{position: "sticky !important", zIndex: 100}}>
-            <Stack direction={"row"} spacing={2} sx={{width: "100%"}}>
-                <img src={"/blahaj.png"} style={{cursor: "grab"}}/>
+            <Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}>
+                <img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/>
                 <Typography level={"h2"} sx={{
                     background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))", 
                     WebkitBackgroundClip: "text",
@@ -16,6 +17,8 @@ export default function Header({children} : {children? : ReactElement<any, any>
                     fontWeight: "bold",
                     cursor: "default"
                 }}>Tranga</Typography>
+                <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>
                 <Box sx={{flexGrow: 1}} />
                 {children}
             </Stack>
diff --git a/tranga-website/src/Settings.tsx b/tranga-website/src/Settings.tsx
index fcdc399..d166237 100644
--- a/tranga-website/src/Settings.tsx
+++ b/tranga-website/src/Settings.tsx
@@ -6,7 +6,8 @@ import {
     AccordionGroup,
     AccordionSummary, CircularProgress, ColorPaletteProp,
     DialogContent,
-    DialogTitle, Input
+    DialogTitle, Input,
+    Link, Stack
 } from "@mui/joy";
 import './Settings.css';
 import * as React from "react";
@@ -20,6 +21,7 @@ import ChapterNamingScheme from "./Components/Settings/ChapterNamingScheme.tsx";
 import AprilFoolsMode from './Components/Settings/AprilFoolsMode.tsx';
 import RequestLimits from "./Components/Settings/RequestLimits.tsx";
 import FlareSolverr from "./Components/Settings/FlareSolverr.tsx";
+import {Article} from '@mui/icons-material';
 
 const checkConnection  = async (apiUri: string): Promise<boolean> =>{
     return fetch(`${apiUri}/swagger/v2/swagger.json`,
@@ -116,6 +118,9 @@ export default function Settings({open, setOpen, setApiUri, setConnected}:{open:
                     <RequestLimits backendSettings={backendSettings} />
                     <FlareSolverr backendSettings={backendSettings} />
                 </AccordionGroup>
+                <Stack spacing={2} direction="row"> 
+                    <Link href={apiUri + "/swagger"}><Article />Swagger Doc</Link>
+                </Stack>
             </DialogContent>
         </Drawer>
     );