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

Maintenance Settings

Browse Source
This commit is contained in:
glax
2025-07-22 21:55:46 +02:00
parent 5f74743d8c
commit 34dcd06ca9
10 changed files with 221 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tranga-website/src/Components/Mangas/MangaCard.tsx
View File

@@ -19,7 +19,6 @@ import ModalClose from "@mui/joy/ModalClose";
import {ApiContext} from "../../apiClient/ApiContext.tsx";
import MarkdownPreview from '@uiw/react-markdown-preview';
import {MangaContext} from "../../App.tsx";
import MangaDownloadDialog from "./MangaDownloadDialog.tsx";
import {MangaConnectorLinkFromId} from "../MangaConnectorLink.tsx";
export function MangaCardFromId({mangaId} : {mangaId: string}) {
@@ -29,7 +28,7 @@ export function MangaCardFromId({mangaId} : {mangaId: string}) {
return <MangaCard manga={manga} />
}
export function MangaCard({manga} : {manga: Manga | undefined}) {
export function MangaCard({manga, children} : {manga: Manga | undefined, children? : ReactNode}) {
if (manga === undefined)
return PlaceHolderCard();
@@ -47,7 +46,7 @@ export function MangaCard({manga} : {manga: Manga | undefined}) {
</CardContent>
</Card>
<MangaModal manga={manga} open={open} setOpen={setOpen}>
<MangaDownloadDialog manga={manga} />
{children}
</MangaModal>
</MangaConnectorBadge>
);
@@ -72,12 +71,12 @@ export function MangaModal({manga, open, setOpen, children}: {manga: Manga | und
{manga?.mangaTags?.map((tag) => <Chip key={tag.tag}>{tag.tag}</Chip>)}
{manga?.links?.map((link) => <Chip key={link.key}><Link href={link.linkUrl}>{link.linkProvider}</Link></Chip>)}
</Stack>
<Box>
<Box sx={{flexGrow: 1}}>
<MarkdownPreview source={manga?.description} style={{background: "transparent"}}/>
</Box>
<Stack sx={{justifySelf: "flex-end", alignSelf: "flex-end"}} spacing={2} direction={"row"}>{children}</Stack>
</Stack>
</Stack>
{children}
</ModalDialog>
</Modal>
);