From 7479187bf84177596037b46044819997d388efda Mon Sep 17 00:00:00 2001
From: pildrums <there7788@gmail.com>
Date: Thu, 7 Mar 2024 19:10:59 +0900
Subject: [PATCH] =?UTF-8?q?Feature:=20=EB=8C=93=EA=B8=80=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C=20=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84=20=EC=99=84?=
 =?UTF-8?q?=EB=A3=8C=20-=20mutate=20=ED=95=A8=EC=88=98=20=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=EC=9D=84=20removeComment=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20-=20useMutation=EC=9C=BC=EB=A1=9C=20=EB=8C=93?=
 =?UTF-8?q?=EA=B8=80=20=EC=82=AD=EC=A0=9C=20API=20=ED=95=A8=EC=88=98=20?=
 =?UTF-8?q?=EA=B5=AC=ED=98=84=20=EC=99=84=EB=A3=8C=20-=20onRemove=20?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=ED=95=A8=EC=88=98=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84=20=EC=99=84=EB=A3=8C=20-=20useCallback=EC=9D=84=20?=
 =?UTF-8?q?=EC=9D=B4=EC=9A=A9=ED=95=B4=EC=84=9C=20=EB=A6=AC=EC=95=A1?=
 =?UTF-8?q?=ED=8A=B8=EA=B0=80=20=ED=95=A8=EC=88=98=EB=A5=BC=20=EC=A0=80?=
 =?UTF-8?q?=EC=9E=A5=ED=95=98=EA=B3=A0=20=EC=9D=98=EC=A1=B4=EC=84=B1=20?=
 =?UTF-8?q?=EB=B0=B0=EC=97=B4=EC=9D=B4=20=EB=B0=94=EB=80=8C=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EC=9C=BC=EB=A9=B4=20=ED=95=A8=EC=88=98=EB=A5=BC=20?=
 =?UTF-8?q?=EC=9E=AC=EC=83=9D=EC=84=B1=ED=95=98=EB=8A=94=20=EA=B2=83?=
 =?UTF-8?q?=EC=9D=84=20=EB=A7=89=EC=95=84=EC=84=9C=20=ED=9A=A8=EC=9C=A8?=
 =?UTF-8?q?=EC=84=B1=20=ED=99=95=EB=8C=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/comment/CommentListItem.tsx | 32 ++++++++++++----------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/comment/CommentListItem.tsx b/src/components/comment/CommentListItem.tsx
index 33df2c4f..3df43f4d 100644
--- a/src/components/comment/CommentListItem.tsx
+++ b/src/components/comment/CommentListItem.tsx
@@ -17,7 +17,7 @@ interface CommentListItemProps {
   teamName: string;
   comment: string;
   createdAt?: string;
-  count?: number;
+  likeCount?: number;
   replyId?: number;
   setComments: Dispatch<SetStateAction<CommentData[]>>;
   queryClient: QueryClient;
@@ -28,25 +28,17 @@ function CommentListItem({
   teamName,
   comment,
   createdAt,
-  count,
+  likeCount,
   replyId,
   setComments,
 }: CommentListItemProps) {
   const [visibleReply, setVisibleReply] = useState(false);
   const [visibleReplyList, setVisibleReplyList] = useState(false);
   const [like, setLike] = useState(false);
+  // const [count = likeCount, setCount] = useState(0);
   const [visibleBalloon, setVisibleBalloon] = useState(false);
 
-  const onVisible = () => {
-    setVisibleReply(!visibleReply);
-    setVisibleReplyList(!visibleReplyList);
-  };
-
-  const onLike = () => {
-    setLike(!like);
-  };
-
-  const { mutate: remove } = useMutation(
+  const { mutate: removeComment } = useMutation(
     async () => removeTodayComment(replyId as number),
     {
       onMutate: (commentId: number) => {
@@ -58,14 +50,24 @@ function CommentListItem({
     },
   );
 
+  const onVisible = () => {
+    setVisibleReply(!visibleReply);
+    setVisibleReplyList(!visibleReplyList);
+  };
+
+  // 좋아요 기능 작업 중
+  const onLike = () => {
+    setLike(!like);
+  };
+
   const onBalloon = useCallback(() => {
     setVisibleBalloon(!visibleBalloon);
   }, [visibleBalloon]);
 
   const onRemove = useCallback(() => {
-    remove(replyId as number);
+    removeComment(replyId as number);
     setVisibleBalloon(false);
-  }, [remove, replyId]);
+  }, [removeComment, replyId]);
 
   return (
     <>
@@ -101,7 +103,7 @@ function CommentListItem({
           </div>
           <div className="item-block__button__like">
             <Text>좋아요</Text>
-            <span>{count}</span>
+            <span>{likeCount}</span>
             <div
               className={classNames(
                 `${like ? "active-like-btn" : "inactive-like-btn"}`,