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

refactor: release courusel

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-26 00:08:33 +05:00
parent 34bbcc4893
commit e1e176c24b
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 24 additions and 168 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/pages/Related.tsx
View file

@ -5,7 +5,6 @@ import { useState, useEffect } from "react";
import { useScrollPosition } from "#/hooks/useScrollPosition";
import { useUserStore } from "../store/auth";
import { ENDPOINTS } from "#/api/config";
// import { ReleaseLink169Related } from "#/components/ReleaseLink/ReleaseLink.16_9Related";
import { useSWRfetcher } from "#/api/utils";
import { Card } from "flowbite-react";
import { Poster } from "#/components/ReleasePoster/Poster";
@ -97,7 +96,6 @@ export function RelatedPage(props: { id: number | string; title: string }) {
genres.push(genre.trim());
});
}
// return <ReleaseLink169Related {...release} key={release.id} _position={index + 1} />
return (
<Link href={`/release/${release.id}`} key={release.id}>
<Card>
@ -112,12 +110,12 @@ export function RelatedPage(props: { id: number | string; title: string }) {
</h1>
</div>
<div className="flex items-center justify-center lg:hidden">
<div className="max-w-96">
<div className="max-w-64">
<PosterWithStuff {...release} settings={settings} />
</div>
</div>
<div className="hidden lg:flex">
<Poster image={release.image} />
<Poster image={release.image} className="h-auto" />
</div>
<div className="flex-col hidden gap-2 lg:flex">
<ReleaseChips
@ -133,14 +131,10 @@ export function RelatedPage(props: { id: number | string; title: string }) {
return (
<span
key={`release_${props.id}_genre_${genre}_${index}`}
className="font-light dark:text-white md:text-sm lg:text-base xl:text-lg"
>
{index > 0 && ", "}
<Link
href={`/search?q=${genre}&searchBy=tag`}
className="font-light dark:text-white md:text-sm lg:text-base xl:text-lg"
>
{genre}
</Link>
{genre}
</span>
);
})}