feat(ReleaseOverview): add ability to change view modes for releases pages

This commit is contained in:
Kentai Radiquum 2024-05-11 07:53:20 +05:00
parent 10397b2b6a
commit e079fa3a93
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 97 additions and 27 deletions

View 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>
);
};