Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-06 14:33:53 +05:00
Code Issues Projects Releases Packages Activity

anix/feat: add wathing now and collections of the week to discovery page

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-25 17:55:51 +05:00
parent b25bb4d6e9
commit 05cb74b7f2
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
9 changed files with 74 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/components/Discovery/DiscussingTodayCarousel.tsx
View file

@ -1,52 +0,0 @@
"use client";
import { ENDPOINTS } from "#/api/config";
import { useSWRfetcher } from "#/api/utils";
import { useUserStore } from "#/store/auth";
import Link from "next/link";
import { PosterWithStuff } from "../ReleasePoster/PosterWithStuff";
import useSWR from "swr";
export const DiscussingTodayCarousel = () => {
const token = useUserStore((state) => state.token);
const { data, isLoading, error } = useSWR(
`${ENDPOINTS.discover.discussing}${token ? `?token=${token}` : ""}`,
useSWRfetcher,
{
revalidateOnFocus: false,
revalidateIfStale: false,
revalidateOnReconnect: false,
}
);
if (error)
return (
<div className="flex flex-col justify-between w-full p-4 border border-red-200 rounded-md md:flex-row bg-red-50 dark:bg-red-700 dark:border-red-600">
<div className="mb-4 md:mb-0 md:me-4">
<p>Произошла ошибка загрузки обсуждаемых релизов</p>
</div>
</div>
);
if (isLoading) return <></>;
return (
<div>
<p className="mb-2 text-lg font-bold">Обсуждаемое сегодня</p>
<div className="grid grid-cols-2 gap-2 sm:grid-cols-3 xl:grid-cols-5">
{data.content.map((item) => {
return (
<Link
key={`discover-discussing-${item.id}`}
href={`/release/${item.id}`}
>
<PosterWithStuff
settings={{ showDescription: false, showGenres: false }}
{...item}
/>
</Link>
);
})}
</div>
</div>
);
};