glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-09-10 03:48:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

Move Swagger-Link to Header

Browse Source
This commit is contained in:
glax
2025-07-22 17:36:13 +02:00
parent c3eb42449f
commit 74feb160c0
2 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
tranga-website/src/Components/Settings/Settings.tsx
View File

@@ -6,12 +6,11 @@ import {
AccordionSummary, Button, ColorPaletteProp, AccordionSummary, Button, ColorPaletteProp,
DialogContent, DialogContent,
DialogTitle, Input, DialogTitle, Input,
Link, Modal, ModalDialog, Stack Modal, ModalDialog
} from "@mui/joy"; } from "@mui/joy";
import './Settings.css'; import './Settings.css';
import * as React from "react"; import * as React from "react";
import {createContext, Dispatch, ReactNode, useContext, useEffect, useState} from "react"; import {createContext, Dispatch, ReactNode, useContext, useEffect, useState} from "react";
import {Article} from '@mui/icons-material';
import {TrangaSettings} from "../../apiClient/data-contracts.ts"; import {TrangaSettings} from "../../apiClient/data-contracts.ts";
import {ApiContext} from "../../apiClient/ApiContext.tsx"; import {ApiContext} from "../../apiClient/ApiContext.tsx";
import NotificationConnectors from "./NotificationConnectors.tsx"; import NotificationConnectors from "./NotificationConnectors.tsx";
@@ -75,9 +74,6 @@ export default function Settings({setApiUri} : {setApiUri: Dispatch<React.SetSta
<ChapterNamingScheme /> <ChapterNamingScheme />
<NotificationConnectors /> <NotificationConnectors />
</AccordionGroup> </AccordionGroup>
<Stack spacing={2} direction="row">
<Link target={"_blank"} href={Api.baseUrl + "/swagger"}><Article />Swagger Doc</Link>
</Stack>
</DialogContent> </DialogContent>
</ModalDialog> </ModalDialog>
</Modal> </Modal>

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

@@ -1,27 +1,34 @@
import Sheet from "@mui/joy/Sheet"; import Sheet from "@mui/joy/Sheet";
import {Box, Link, Stack, Typography} from "@mui/joy"; import {Link, Stack, Typography} from "@mui/joy";
import {ReactElement} from "react"; import {ReactElement, useContext} from "react";
import './Header.css'; import './Header.css';
import { GitHub } from "@mui/icons-material"; import {Article, GitHub} from "@mui/icons-material";
import {ApiContext} from "./apiClient/ApiContext.tsx";
export default function Header({children} : {children? : ReactElement<any, any> | ReactElement<any,any>[] | undefined}) : ReactElement { export default function Header({children} : {children? : ReactElement<any, any> | ReactElement<any,any>[] | undefined}) : ReactElement {
const Api = useContext(ApiContext);
return ( return (
<Sheet className={"header"}> <Sheet className={"header"}>
<Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center"}}> <Stack direction={"row"} spacing={2} sx={{width: "100%", alignItems: "center", justifyContent: "space-between"}} useFlexGap>
{children} <Stack sx={{flexGrow: 1, flexBasis: 1}} direction={"row"} spacing={2}>
<Box sx={{flexGrow: 1}} /> {children}
<img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/> </Stack>
<Typography level={"h2"} sx={{ <Stack sx={{flexGrow: 1, height: "100%", flexBasis: 1, justifyContent: "center"}} direction={"row"}>
background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))", <img src={"/blahaj.png"} style={{cursor: "grab", maxHeight: "100%"}}/>
WebkitBackgroundClip: "text", <Typography level={"h2"} sx={{
WebkitTextFillColor: "transparent", background: "linear-gradient(110deg, var(--joy-palette-primary-solidBg), var(--joy-palette-success-400))",
fontWeight: "bold", WebkitBackgroundClip: "text",
cursor: "default" WebkitTextFillColor: "transparent",
}}>Tranga</Typography> fontWeight: "bold",
<Box sx={{flexGrow: 1}} /> cursor: "default"
<Link target={"_blank"} href={"https://github.com/C9Glax/tranga"} color={"neutral"} height={"min-content"} ><GitHub /> Server</Link> }}>Tranga</Typography>
<Link target={"_blank"} href={"https://github.com/C9Glax/tranga-website"} color={"neutral"} height={"min-content"} ><GitHub /> Website</Link> </Stack>
<Stack sx={{flexGrow: 1, flexBasis: 1, justifyContent: "flex-end"}} direction={"row"} spacing={2}>
<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>
<Link target={"_blank"} href={Api.baseUrl + "/swagger"} color={"neutral"} height={"min-content"} ><Article />Swagger</Link>
</Stack>
</Stack> </Stack>
</Sheet> </Sheet>
); );