From 75ab5e1901c86f84231ca4df93101232dae01347 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Fri, 21 Mar 2025 01:46:48 +0500
Subject: [PATCH] feat: add release to collection toast

---
 app/api/utils.ts                              | 18 ++---
 .../ReleaseInfo/ReleaseInfo.UserList.tsx      | 69 +++++++++++++------
 app/pages/CreateCollection.tsx                |  2 +-
 3 files changed, 58 insertions(+), 31 deletions(-)

diff --git a/app/api/utils.ts b/app/api/utils.ts
index c3ad5e2..744779f 100644
--- a/app/api/utils.ts
+++ b/app/api/utils.ts
@@ -34,15 +34,15 @@ export async function tryCatchAPI<T, E = Error>(
 ): Promise<Result<any, any>> {
   try {
     const res: Awaited<Response> = await promise;
-    if (!res.ok) {
-      return {
-        data: null,
-        error: {
-          message: res.statusText,
-          code: res.status,
-        },
-      };
-    }
+    // if (!res.ok) {
+    //   return {
+    //     data: null,
+    //     error: {
+    //       message: res.statusText,
+    //       code: res.status,
+    //     },
+    //   };
+    // }
 
     if (
       res.headers.get("content-length") &&
diff --git a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
index 3fcfd07..bd50a9d 100644
--- a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
+++ b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
@@ -222,6 +222,7 @@ const AddReleaseToCollectionModal = (props: {
     if (previousPageData && !previousPageData.content.length) return null;
     return `${ENDPOINTS.collection.userCollections}/${props.profile_id}/${pageIndex}?token=${props.token}`;
   };
+  const theme = useThemeMode();
 
   const { data, error, isLoading, size, setSize } = useSWRInfinite(
     getKey,
@@ -260,27 +261,53 @@ const AddReleaseToCollectionModal = (props: {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [scrollPosition]);
 
-  function _addToCollection(collection_id: number) {
-    if (props.token) {
-      fetch(
-        `${ENDPOINTS.collection.addRelease}/${collection_id}?release_id=${props.release_id}&token=${props.token}`
-      )
-        .then((res) => {
-          if (!res.ok) {
-            alert("Ошибка добавления релиза в коллекцию.");
-          } else {
-            return res.json();
-          }
-        })
-        .then((data) => {
-          if (data.code != 0) {
-            alert(
-              "Не удалось добавить релиз в коллекцию, возможно он уже в ней находится."
-            );
-          } else {
-            props.setIsOpen(false);
-          }
+  function _addToCollection(collection: any) {
+    async function _ToCollection(url: string) {
+      const tid = toast.loading(
+        `Добавление в коллекцию ${collection.title}... `,
+        {
+          position: "bottom-center",
+          hideProgressBar: true,
+          closeOnClick: false,
+          pauseOnHover: false,
+          draggable: false,
+          theme: theme.mode == "light" ? "light" : "dark",
+        }
+      );
+      const { data, error } = await tryCatchAPI(fetch(url));
+
+      if (error) {
+        let message = `${error.message}, code: ${error.code}`;
+        if (error.code == 5) {
+          message = "Релиз уже есть в коллекции";
+        }
+        toast.update(tid, {
+          render: message,
+          type: "error",
+          autoClose: 2500,
+          isLoading: false,
+          closeOnClick: true,
+          draggable: true,
+          theme: theme.mode == "light" ? "light" : "dark",
         });
+        return;
+      }
+
+      toast.update(tid, {
+        render: "Релиз добавлен в коллекцию",
+        type: "success",
+        autoClose: 2500,
+        isLoading: false,
+        closeOnClick: true,
+        draggable: true,
+        theme: theme.mode == "light" ? "light" : "dark",
+      });
+    }
+
+    if (props.token) {
+      _ToCollection(
+        `${ENDPOINTS.collection.addRelease}/${collection.id}?release_id=${props.release_id}&token=${props.token}`
+      );
     }
   }
 
@@ -304,7 +331,7 @@ const AddReleaseToCollectionModal = (props: {
                 backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url(${collection.image})`,
               }}
               key={`collection_${collection.id}`}
-              onClick={() => _addToCollection(collection.id)}
+              onClick={() => _addToCollection(collection)}
             >
               <div className="absolute bottom-0 left-0 gap-1 p-2">
                 <p className="text-xl font-bold text-white">
diff --git a/app/pages/CreateCollection.tsx b/app/pages/CreateCollection.tsx
index 3fc5290..f7c01fa 100644
--- a/app/pages/CreateCollection.tsx
+++ b/app/pages/CreateCollection.tsx
@@ -177,7 +177,7 @@ export const CreateCollectionPage = () => {
       );
 
       if (error) {
-        let message = error.message;
+        let message = `${error.message}, code: ${error.code}`;
         if (error.code == 5) {
           message =
             "Вы превысили допустимый еженедельный лимит создания коллекций";