"use client"; import useSWRInfinite from "swr/infinite"; import { ReleaseSection } from "#/components/ReleaseSection/ReleaseSection"; import { Spinner } from "#/components/Spinner/Spinner"; import { useState, useEffect } from "react"; import { useScrollPosition } from "#/hooks/useScrollPosition"; import { useUserStore } from "../store/auth"; import { Dropdown, Button } from "flowbite-react"; import { sort } from "./common"; import { ENDPOINTS } from "#/api/config"; import { useRouter } from "next/navigation"; import { useSWRfetcher } from "#/api/utils"; const DropdownTheme = { floating: { target: "w-fit md:min-w-[256px]", }, }; export function FavoritesPage() { const token = useUserStore((state) => state.token); const authState = useUserStore((state) => state.state); const [selectedSort, setSelectedSort] = useState(0); const router = useRouter(); const [searchVal, setSearchVal] = useState(""); const getKey = (pageIndex: number, previousPageData: any) => { if (previousPageData && !previousPageData.content.length) return null; if (token) { return `${ENDPOINTS.user.favorite}/all/${pageIndex}?token=${token}&sort=${sort.values[selectedSort].id}`; } }; const { data, error, isLoading, size, setSize } = useSWRInfinite( getKey, useSWRfetcher, { initialSize: 2 } ); const [content, setContent] = useState(null); useEffect(() => { if (data) { let allReleases = []; for (let i = 0; i < data.length; i++) { allReleases.push(...data[i].content); } setContent(allReleases); } }, [data]); const scrollPosition = useScrollPosition(); useEffect(() => { if (scrollPosition >= 98 && scrollPosition <= 99) { setSize(size + 1); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [scrollPosition]); useEffect(() => { if (authState === "finished" && !token) { router.push("/login?redirect=/favorites"); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [authState, token]); return ( <>
В избранном пока ничего нет...