[FIX] 답댓글 작성/삭제 시 새로고침 추가

Author: jiwon234

src/components/post/Comment.jsx

@@ -10,7 +10,7 @@ import axios from "axios";
 const token = localStorage.getItem("accessToken");
 const muit_server = import.meta.env.VITE_APP_SERVER_URL;
 
-function Comment({data, noneCommentIcon, isDeleted, setIsDeleted}) {
+function Comment({data, noneCommentIcon, isDeleted, setIsDeleted, isWrited, setIsWrited}) {
   // console.log('Comment.jsx', data);
   const [isWriter, setIsWriter] = useState(data.nickname=='글쓴이');
 
@@ -153,15 +153,15 @@ function Comment({data, noneCommentIcon, isDeleted, setIsDeleted}) {
       {Array.isArray(data.replies) && data.replies.length > 0 ? (
         <ReplyWrapper>
           {data?.replies?.map((reply) => (
-            <Reply key={reply.id} data={reply} />
+            <Reply key={reply.id} data={reply} setIsDeleted={setIsDeleted} isDeleted={isDeleted}/>
           ))}
         </ReplyWrapper>
       ) : null}
       {isReplying && (
         <ReplyInputWrapper>
           <img src={ReplyArrow} />
           <div style={{width: '100%'}}>
-          <CommentInputArea postId={data.commentId} isReplying={isReplying} setIsReplying={setIsReplying} />
+          <CommentInputArea postId={data.commentId} isReplying={isReplying} setIsReplying={setIsReplying} isWrited={isWrited} setIsWrited={setIsWrited}/>
           </div>
 
         </ReplyInputWrapper>

src/components/post/Reply.jsx

@@ -7,7 +7,7 @@ import { useState } from "react";
 import axios from "axios";
 const token = localStorage.getItem("accessToken");
 const muit_server = import.meta.env.VITE_APP_SERVER_URL;
-function Reply({key, data}) {
+function Reply({key, data, isDeleted, setIsDeleted}) {
   console.log(data);
   console.log('리플라이 콘텐츠', data.content);
 
@@ -32,6 +32,7 @@ function Reply({key, data}) {
 
       if (response.ok) {
         alert("댓글이 삭제되었습니다.");
+        setIsDeleted(!isDeleted);
         // 필요하면 상태 업데이트 로직 추가
       } else {
         alert(`삭제 실패: ${result.message}`);

src/pages/board/post/AnonymousPost.jsx

@@ -172,7 +172,7 @@ function AnonymousPost() {
         <CommentInputArea postId={postId} setCommentTrigger={setCommentTrigger} commentTrigger={commentTrigger} isWrited={isWrited} setIsWrited={setIsWrited}/>
         <CommentWrapper>
         {comment?.result?.comments?.map((data) => (
-          <Comment key={data.commentId} data={data} isDeleted={isDeleted} setIsDeleted={setIsDeleted}/>
+          <Comment key={data.commentId} data={data} isDeleted={isDeleted} setIsDeleted={setIsDeleted} isWrited={isWrited} setIsWrited={setIsWrited}/>
         ))}
         </CommentWrapper>