glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-21 11:05:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Links to useful ressources (GitHub, Swagger Doc)

Browse Source
This commit is contained in:
glax
2025-06-17 15:30:37 +02:00
parent 01c732f6a8
commit 486f6f60fb
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tranga-website/src/Header.tsx
View File

@ -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>

7
tranga-website/src/Settings.tsx
View File

@ -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>
);