From 4c6fb75785ad55737f94bd41eab9177246cf2c71 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Fri, 21 Mar 2025 00:07:05 +0500
Subject: [PATCH] feat: add toast for release user list change

---
 .../ReleaseInfo/ReleaseInfo.UserList.tsx      | 44 +++++++++++++++++--
 1 file changed, 41 insertions(+), 3 deletions(-)

diff --git a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
index 212a15e..3fcfd07 100644
--- a/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
+++ b/app/components/ReleaseInfo/ReleaseInfo.UserList.tsx
@@ -35,7 +35,7 @@ export const ReleaseInfoUserList = (props: {
   const [AddReleaseToCollectionModalOpen, setAddReleaseToCollectionModalOpen] =
     useState(false);
   const [favButtonDisabled, setFavButtonDisabled] = useState(false);
-  const [listEventDisabledd, setListEventDisabled] = useState(false);
+  const [listEventDisabled, setListEventDisabled] = useState(false);
   const theme = useThemeMode();
 
   function _addToFavorite() {
@@ -96,9 +96,46 @@ export const ReleaseInfoUserList = (props: {
   }
 
   function _addToList(list: number) {
-    if (props.token) {
+    async function _setList(url: string) {
+      setListEventDisabled(true);
+      const tid = toast.loading("Добавляем в список...", {
+        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) {
+        toast.update(tid, {
+          render: `Ошибка добавления в список: ${lists[list].name}`,
+          type: "error",
+          autoClose: 2500,
+          isLoading: false,
+          closeOnClick: true,
+          draggable: true,
+        });
+        setListEventDisabled(false);
+        return;
+      }
+
+      toast.update(tid, {
+        render: `Добавлено в список: ${lists[list].name}`,
+        type: "success",
+        autoClose: 2500,
+        isLoading: false,
+        closeOnClick: true,
+        draggable: true,
+      });
+
+      setListEventDisabled(false);
       props.setUserList(list);
-      fetch(
+    }
+
+    if (props.token) {
+      _setList(
         `${ENDPOINTS.user.bookmark}/add/${list}/${props.release_id}?token=${props.token}`
       );
     }
@@ -134,6 +171,7 @@ export const ReleaseInfoUserList = (props: {
               theme={DropdownTheme}
               color="blue"
               size="sm"
+              disabled={listEventDisabled}
             >
               {lists.map((list) => (
                 <Dropdown.Item