feat: add collections page

app/pages/Collections.tsx

@@ -0,0 +1,100 @@
+"use client";
+import useSWR from "swr";
+import { CollectionCourusel } from "#/components/CollectionCourusel/CollectionCourusel";
+import { Spinner } from "#/components/Spinner/Spinner";
+const fetcher = (...args: any) =>
+  fetch([...args] as any).then((res) => res.json());
+import { useUserStore } from "#/store/auth";
+import { BookmarksList } from "#/api/utils";
+import { ENDPOINTS } from "#/api/config";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+
+export function CollectionsPage() {
+  const token = useUserStore((state) => state.token);
+  const authState = useUserStore((state) => state.state);
+  const router = useRouter();
+
+  //   function useFetchReleases(listName: string) {
+  //     let url: string;
+
+  //     if (token) {
+  //       url = `${ENDPOINTS.user.bookmark}/all/${BookmarksList[listName]}/0?token=${token}`;
+  //     }
+
+  //     const { data } = useSWR(url, fetcher);
+  //     return [data];
+  //   }
+
+  //   const [watchingData] = useFetchReleases("watching");
+  //   const [plannedData] = useFetchReleases("planned");
+  //   const [watchedData] = useFetchReleases("watched");
+  //   const [delayedData] = useFetchReleases("delayed");
+  //   const [abandonedData] = useFetchReleases("abandoned");
+
+  useEffect(() => {
+    if (authState === "finished" && !token) {
+      router.push("/login?redirect=/collections");
+    }
+  }, [authState, token]);
+
+  return (
+    <main className="container flex flex-col pt-2 pb-16 mx-auto sm:pt-4 sm:pb-0">
+      <CollectionCourusel
+        sectionTitle="Мои коллекции"
+        // showAllLink="/bookmarks/watching"
+        content={[]}
+        isMyCollections={true}
+      />
+      {/* {authState === "loading" &&
+        (!watchingData ||
+          !plannedData ||
+          !watchedData ||
+          !delayedData ||
+          !abandonedData) && (
+          <div className="flex items-center justify-center min-w-full min-h-screen">
+            <Spinner />
+          </div>
+        )} */}
+      {/* {watchingData &&
+        watchingData.content &&
+        watchingData.content.length > 0 && (
+          <ReleaseCourusel
+            sectionTitle="Смотрю"
+            showAllLink="/bookmarks/watching"
+            content={watchingData.content}
+          />
+        )}
+      {plannedData && plannedData.content && plannedData.content.length > 0 && (
+        <ReleaseCourusel
+          sectionTitle="В планах"
+          showAllLink="/bookmarks/planned"
+          content={plannedData.content}
+        />
+      )}
+      {watchedData && watchedData.content && watchedData.content.length > 0 && (
+        <ReleaseCourusel
+          sectionTitle="Просмотрено"
+          showAllLink="/bookmarks/watched"
+          content={watchedData.content}
+        />
+      )}
+      {delayedData && delayedData.content && delayedData.content.length > 0 && (
+        <ReleaseCourusel
+          sectionTitle="Отложено"
+          showAllLink="/bookmarks/delayed"
+          content={delayedData.content}
+        />
+      )}
+      {abandonedData &&
+        abandonedData.content &&
+        abandonedData.content.length > 0 && (
+          <ReleaseCourusel
+            sectionTitle="Заброшено"
+            showAllLink="/bookmarks/abandoned"
+            content={abandonedData.content}
+          />
+        )} */}
+    </main>
+  );
+}