mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-30 18:09:40 +05:00
refactor: release related releases poster -> list
This commit is contained in:
parent
de6dcabbc7
commit
4a45b7af56
2 changed files with 135 additions and 21 deletions
|
@ -1,7 +1,7 @@
|
|||
"use client";
|
||||
|
||||
import { Card, Carousel } from "flowbite-react";
|
||||
import { ReleaseLink } from "#/components/ReleaseLink/ReleaseLinkUpdate";
|
||||
import { Card } from "flowbite-react";
|
||||
import { ReleaseLinkList } from "#/components/ReleaseLink/ReleaseLinkList";
|
||||
import Link from "next/link";
|
||||
|
||||
export const ReleaseInfoRelated = (props: {
|
||||
|
@ -22,25 +22,23 @@ export const ReleaseInfoRelated = (props: {
|
|||
</Link>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex justify-center mt-2">
|
||||
<Carousel pauseOnHover={true}>
|
||||
{props.related_releases
|
||||
.filter((release: any) => {
|
||||
if (release.id == props.release_id) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
})
|
||||
.map((release: any) => {
|
||||
return (
|
||||
<ReleaseLink
|
||||
key={release.id}
|
||||
{...release}
|
||||
settings={{ showGenres: false, showDescription: false }}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</Carousel>
|
||||
<div className="flex flex-col gap-4 mt-2">
|
||||
{props.related_releases
|
||||
.filter((release: any) => {
|
||||
if (release.id == props.release_id) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
})
|
||||
.map((release: any) => {
|
||||
return (
|
||||
<ReleaseLinkList
|
||||
key={release.id}
|
||||
{...release}
|
||||
settings={{ showGenres: false, showDescription: false }}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue