✨add reload when editing comment

wafflestudio · Feb 1, 2025 · ee5efb4 · ee5efb4
2 parents f55e943 + 035a627
commit ee5efb4
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/src/components/CommentEditWindow.tsx b/src/components/CommentEditWindow.tsx
@@ -11,6 +11,7 @@ import type { CommentEditWindowProps } from '../typings/communityPost';
 const CommentEditWindow = ({
   CommentInfo,
   closeWindow,
+  onCommentEdit,
 }: CommentEditWindowProps) => {
   const [commentBody, setCommentBody] = useState<string>(CommentInfo.content);
 
@@ -36,6 +37,7 @@ const CommentEditWindow = ({
       }
 
       closeWindow();
+      onCommentEdit();
     } catch (error) {
       console.error('수정 중 에러 발생:', error);
     }

diff --git a/src/components/CommentItem.tsx b/src/components/CommentItem.tsx
@@ -14,7 +14,7 @@ import { getTimeAgo } from '../utils/utils';
 import CommentEditWindow from './CommentEditWindow';
 import Overlay from './Overlay';
 
-const Comment = ({ CommentInfo }: CommentProps) => {
+const Comment = ({ CommentInfo, onCommentEdit }: CommentProps) => {
   const [isOverlayOpen, setIsOverlayOpen] = useState<boolean>(false);
   const [isCommentEditOpen, setIsCommentEditOpen] = useState<boolean>(false);
   const [isLiked, setIsLiked] = useState<boolean>(CommentInfo.isLiked);
@@ -186,6 +186,7 @@ const Comment = ({ CommentInfo }: CommentProps) => {
           closeWindow={() => {
             setIsCommentEditOpen(false);
           }}
+          onCommentEdit={onCommentEdit}
         />
       )}
     </div>

diff --git a/src/pages/CommunityPostPage.tsx b/src/pages/CommunityPostPage.tsx
@@ -352,7 +352,13 @@ const CommunityPostPage = () => {
                     : 0;
             })
             .map((Comment, index) => (
-              <CommentItem key={index} CommentInfo={Comment} />
+              <CommentItem
+                key={index}
+                CommentInfo={Comment}
+                onCommentEdit={() => {
+                  void fetchPost();
+                }}
+              />
             ))}
         </div>
       )}

diff --git a/src/typings/communityPost.ts b/src/typings/communityPost.ts
@@ -40,11 +40,13 @@ type Comment = {
 
 export type CommentProps = {
   CommentInfo: Comment;
+  onCommentEdit: () => void;
 };
 
 export type CommentEditWindowProps = {
   CommentInfo: Comment;
   closeWindow: () => void;
+  onCommentEdit: () => void;
 };
 
 export const TagsArray = [