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

Less steps to download

Browse Source
This commit is contained in:
glax
2025-09-05 16:15:18 +02:00
parent e5186bf72d
commit 5070e76480
25 changed files with 265 additions and 591 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,11 +10,7 @@ import {
import { EventHandler, ReactNode, useContext } from 'react';
import './MangaCard.css';
import MangaConnectorIcon from './MangaConnectorIcon.tsx';
import {
Manga,
MangaReleaseStatus,
MinimalManga,
} from '../../api/data-contracts.ts';
import { Manga, MangaReleaseStatus, MinimalManga } from '../../api/data-contracts.ts';
import { ApiContext } from '../../contexts/ApiContext.tsx';
export default function MangaCard(props: MangaCardProps): ReactNode {
@@ -23,14 +19,10 @@ export default function MangaCard(props: MangaCardProps): ReactNode {
return (
<Badge
badgeContent={props.manga?.mangaConnectorIds.map((id) => (
<MangaConnectorIcon
mangaConnectorName={id.mangaConnectorName}
/>
<MangaConnectorIcon mangaConnectorName={id.mangaConnectorName} />
))}
className={'manga-card-badge'}
color={releaseColor(
props.manga?.releaseStatus ?? MangaReleaseStatus.Unreleased
)}>
color={releaseColor(props.manga?.releaseStatus ?? MangaReleaseStatus.Unreleased)}>
<Card
className={'manga-card'}
onClick={props.onClick}>
@@ -46,9 +38,7 @@ export default function MangaCard(props: MangaCardProps): ReactNode {
<CardCover className={'manga-card-cover-blur'} />
<CardContent className={'manga-card-content'}>
<Typography level={'h4'}>
{props.manga?.name ?? (
<Skeleton>{stringWithRandomLength()}</Skeleton>
)}
{props.manga?.name ?? <Skeleton>{stringWithRandomLength()}</Skeleton>}
</Typography>
</CardContent>
</Card>