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

fix: link

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-25 23:45:14 +05:00
parent 4496a7280b
commit 34bbcc4893
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 61 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
app/pages/Related.tsx
View file

@ -99,69 +99,71 @@ export function RelatedPage(props: { id: number | string; title: string }) {
} }
// return <ReleaseLink169Related {...release} key={release.id} _position={index + 1} /> // return <ReleaseLink169Related {...release} key={release.id} _position={index + 1} />
return ( return (
<Card> <Link href={`/release/${release.id}`} key={release.id}>
<div className="grid grid-cols-1 justify-center lg:grid-cols-[1fr_1fr_2fr] gap-4"> <Card>
<div className="flex items-center justify-center"> <div className="grid grid-cols-1 justify-center lg:grid-cols-[1fr_1fr_2fr] gap-4">
<h1 className="inline-block text-6xl font-bold text-center text-transparent bg-gradient-to-r from-blue-600 via-purple-500 to-indigo-500 dark:from-blue-500 dark:via-purple-400 dark:to-indigo-300 bg-clip-text "> <div className="flex items-center justify-center">
{release.season ? YearSeason[release.season] : ""} <h1 className="inline-block text-6xl font-bold text-center text-transparent bg-gradient-to-r from-blue-600 via-purple-500 to-indigo-500 dark:from-blue-500 dark:via-purple-400 dark:to-indigo-300 bg-clip-text ">
{release.season ? {release.season ? YearSeason[release.season] : ""}
<br /> {release.season ?
: ""} <br />
{release.year ? release.year : ""} : ""}
</h1> {release.year ? release.year : ""}
</div> </h1>
<div className="flex items-center justify-center lg:hidden">
<div className="max-w-96">
<PosterWithStuff {...release} settings={settings} />
</div> </div>
</div> <div className="flex items-center justify-center lg:hidden">
<div className="hidden lg:flex"> <div className="max-w-96">
<Poster image={release.image} /> <PosterWithStuff {...release} settings={settings} />
</div> </div>
<div className="flex-col hidden gap-2 lg:flex"> </div>
<ReleaseChips <div className="hidden lg:flex">
{...release} <Poster image={release.image} />
user_list={user_list} </div>
grade={grade} <div className="flex-col hidden gap-2 lg:flex">
settings={settings} <ReleaseChips
/> {...release}
<div> user_list={user_list}
{settings.showGenres && grade={grade}
genres.length > 0 && settings={settings}
genres.map((genre: string, index: number) => { />
return ( <div>
<span {settings.showGenres &&
key={`release_${props.id}_genre_${genre}_${index}`} genres.length > 0 &&
> genres.map((genre: string, index: number) => {
{index > 0 && ", "} return (
<Link <span
href={`/search?q=${genre}&searchBy=tag`} key={`release_${props.id}_genre_${genre}_${index}`}
className="font-light dark:text-white md:text-sm lg:text-base xl:text-lg"
> >
{genre} {index > 0 && ", "}
</Link> <Link
</span> href={`/search?q=${genre}&searchBy=tag`}
); className="font-light dark:text-white md:text-sm lg:text-base xl:text-lg"
})} >
{genre}
</Link>
</span>
);
})}
</div>
{release.title_ru && (
<p className="text-xl font-bold dark:text-white md:text-2xl">
{release.title_ru}
</p>
)}
{release.title_original && (
<p className="text-sm text-gray-600 dark:text-gray-300 md:text-base">
{release.title_original}
</p>
)}
{settings.showDescription && release.description && (
<p className="mt-2 text-sm font-light dark:text-white lg:text-base xl:text-lg line-clamp-2">
{release.description}
</p>
)}
</div> </div>
{release.title_ru && (
<p className="text-xl font-bold dark:text-white md:text-2xl">
{release.title_ru}
</p>
)}
{release.title_original && (
<p className="text-sm text-gray-600 dark:text-gray-300 md:text-base">
{release.title_original}
</p>
)}
{settings.showDescription && release.description && (
<p className="mt-2 text-sm font-light dark:text-white lg:text-base xl:text-lg line-clamp-2">
{release.description}
</p>
)}
</div> </div>
</div> </Card>
</Card> </Link>
); );
})} })}
</div> </div>