glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-15 16:27:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Style Manga-Display

Browse Source 
Fix Manga.GetMangaCoverUrl
This commit is contained in:
glax
2024-10-18 19:43:13 +02:00
parent 9d8dadc634
commit f27f11e7c2
3 changed files with 141 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Website/modules/interfaces/IManga.tsx
View File

@ -25,10 +25,25 @@ export default interface IManga{
"mangaConnector": IMangaConnector
}
function ReleaseStatusFromNumber(n: number): string {
switch(n) {
case 0: return "Ongoing";
case 1: return "Completed";
case 2: return "OnHiatus";
case 3: return "Cancelled";
case 4: return "Unreleased";
}
return "";
}
export function HTMLFromIManga(manga: IManga) : ReactElement {
return (<div className="Manga" key={manga.internalId}>
<p>{manga.sortName}</p>
<p>Description: {manga.description}</p>
<p>MangaConnector: {manga.mangaConnector.name}</p>
</div>)
return(
<div className="Manga" key={manga.internalId}>
<img src={Manga.GetMangaCoverUrl(manga.internalId)}></img>
<div>
<p className="Manga-name">{manga.sortName}</p>
<p className="pill connector-name">{manga.mangaConnector.name}</p>
<div className="Manga-status" release-status={ReleaseStatusFromNumber(manga.releaseStatus)}></div>
</div>
</div>);
}