Fix: 스크랩 렌더링 해결

Author: su-bin99

src/components/molecules/ViewListCard/index.tsx

@@ -98,6 +98,7 @@ function ViewListCard({
   const [userStateNickname, setUserStateNickname] = useState(userData ? userData.nickname : 0);
   const [isMine, setIsMine] = useState(false);
   const [likeRender, setLikeRender] = useState(isLike);
+  const [scrapRender, setScrapRender] = useState(isScrap);
 
   const getCommentList = useCallback(async () => {
     if (userStatusData) {
@@ -152,14 +153,20 @@ function ViewListCard({
   const submitScarp = async () => {
     if (userStatusData) {
       const token = userStatusData.token;
-      await ChallengeScrap(token, id);
+      const submitSuccess = await ChallengeScrap(token, id);
+      if (submitSuccess) {
+        setScrapRender(true);
+      }
     }
   };
 
   const cancelScrap = async () => {
     if (userStatusData) {
       const token = userStatusData.token;
-      await CancelChallengeScrap(token, id);
+      const cancelSuccess = await CancelChallengeScrap(token, id);
+      if (cancelSuccess) {
+        setScrapRender(false);
+      }
     }
   };
 
@@ -184,7 +191,7 @@ function ViewListCard({
                     <p className="profile__time">{dayjs(createdAt).format('MM.DD')}</p>
                   </div>
                   {userStateNum === 0 || userStateNum === 1 || userStateNum === 2 || isMine === false ? (
-                    isScrap === false ? (
+                    scrapRender === false ? (
                       <div className="menu__bar">
                         <Button className="menuIcon">
                           <img

src/libs/getChallenge.ts

@@ -232,18 +232,13 @@ export const ChallengeScrap = async (token: string, challengeID: string) => {
       },
     });
     if (data.data.status === 200) {
-      alert(data.data.message);
-    } else {
-      return null;
-    }
-  } catch (e) {
-    if (e.response.data.message === '이미 스크랩 된 글입니다') {
-      alert(e.response.data.message);
+      console.log(data.data.message);
       return true;
     }
-    alert(e.response.data.message);
-    return undefined;
+  } catch (error) {
+    console.log(error.response.data.message);
   }
+  return false;
 };
 
 export const CancelChallengeScrap = async (token: string, challengeID: string) => {
@@ -254,12 +249,10 @@ export const CancelChallengeScrap = async (token: string, challengeID: string) =
       },
     });
     if (data.data.status === 200) {
-      alert(data.data.message);
-    } else {
-      return null;
+      return true;
     }
   } catch (e) {
-    alert(e.response.data.message);
-    return undefined;
+    console.log(e.response.data.message);
   }
+  return false;
 };