feat: add bookmarks & bookmarks category pages

app/pages/Bookmarks.jsx

@@ -0,0 +1,81 @@
+"use client";
+import useSWR from "swr";
+import { ReleaseCourusel } from "@/app/components/ReleaseCourusel/ReleaseCourusel";
+import { Spinner } from "@/app/components/Spinner/Spinner";
+const fetcher = (...args) => fetch(...args).then((res) => res.json());
+import { useUserStore } from "@/app/store/auth";
+
+export function BookmarksPage() {
+  const token = useUserStore((state) => state.token);
+
+  function useFetchReleases(list) {
+    let url;
+    url = `/api/bookmarks?list=${list}&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");
+
+  return (
+    <main className="container flex flex-col pt-2 pb-16 mx-auto sm:pt-4 sm:pb-0">
+      {!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>
+  );
+}