Merge remote-tracking branch 'origin/feat_player'

app/pages/Bookmarks.tsx

@@ -0,0 +1,85 @@
+"use client";
+import useSWR from "swr";
+import { ReleaseCourusel } from "#/components/ReleaseCourusel/ReleaseCourusel";
+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";
+
+export function BookmarksPage() {
+  const token = useUserStore((state) => state.token);
+
+  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");
+
+  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>
+  );
+}