mirror of
https://github.com/Radiquum/AniX.git
synced 2025-05-07 21:39:41 +05:00
feat(ReleaseOverview): add ability to change view modes for releases pages
This commit is contained in:
parent
10397b2b6a
commit
e079fa3a93
5 changed files with 97 additions and 27 deletions
33
frontend/app/components/ReleaseList/ReleaseList.jsx
Normal file
33
frontend/app/components/ReleaseList/ReleaseList.jsx
Normal file
|
@ -0,0 +1,33 @@
|
|||
import Link from "next/link";
|
||||
import Image from "next/legacy/image";
|
||||
|
||||
export const ReleaseList = (props) => {
|
||||
return (
|
||||
<Link
|
||||
href={`/release/${props.id}`}
|
||||
className={
|
||||
props.className
|
||||
? props.className
|
||||
: "s12 round fill row padding surface-container"
|
||||
}
|
||||
>
|
||||
<Image
|
||||
className="round"
|
||||
style={{ aspectRatio: "1/1" }}
|
||||
width="128px"
|
||||
height="128px"
|
||||
src={props.poster}
|
||||
alt=""
|
||||
/>
|
||||
|
||||
<div className="max">
|
||||
<h5 className="small">{`${props.title.substring(0, 90)}${
|
||||
[...props.title].length > 90 ? "..." : ""
|
||||
}`}</h5>
|
||||
<p>{`${props.description.substring(0, 170)}${
|
||||
[...props.description].length > 170 ? "..." : ""
|
||||
}`}</p>
|
||||
</div>
|
||||
</Link>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue