Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-06 12:59:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

frontend: add load more button on index page. add title trimming for long release titles.

Browse source
This commit is contained in:
Kentai Radiquum 2024-04-20 14:39:03 +05:00
parent 37d4b181f5
commit 2615c47f0c
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 74 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

17
frontend/app/components/ReleaseCard/ReleaseCard.jsx Normal file
View file

@ -0,0 +1,17 @@
"use client";
import Link from "next/link";
export const ReleaseCard = (props) => {
return (
<Link href={`/release/${props.id}`} className="s3">
<article className="no-padding round fill" style={{"aspectRatio": "9/16"}}>
<img className="responsive large top-round" src={props.poster} />
<div className="padding">
<h6>{`${props.title.substring(0, 36)}${[...props.title].length > 36 ? "..." : ""}`}</h6>
<p>{`${props.description}${[...props.description].length > 160 ? "..." : ""}`}</p>
</div>
</article>
</Link>
);
};