Merge pull request #159 from rover1523/mypage

[Fix] 카드가 변경되지 않아도 모달을 닫을 때 새로고침되는 현상을 수정

Author: MINJI121

src/api/columns.ts

@@ -61,8 +61,5 @@ export const getColumn = async ({
       dashboardId,
     },
   });
-  console.log("🟦 서버 응답:", res.data);
-  console.log("URL:", apiRoutes.columns(TEAM_ID));
-  console.log("대시보드 ID:", dashboardId);
   return res.data.data;
 };

src/components/modalDashboard/CardDetailModal.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import { useMemo, useRef, useState } from "react";
 import { MoreVertical, X } from "lucide-react";
 import CardDetail from "./CardDetail";
@@ -74,7 +73,28 @@ export default function CardDetailPage({
       }, 1500);
     },
   });
+  const initialData = {
+    title: card.title,
+    description: card.description,
+    dueDate: card.dueDate,
+    tags: card.tags,
+    assignee: card.assignee,
+  };
 
+  const handleClose = () => {
+    onClose();
+
+    const hasChanged =
+      cardData.title !== initialData.title ||
+      cardData.description !== initialData.description ||
+      !isEqual(cardData.dueDate, initialData.dueDate) ||
+      JSON.stringify(cardData.tags) !== JSON.stringify(initialData.tags) ||
+      JSON.stringify(cardData.assignee) !==
+        JSON.stringify(initialData.assignee);
+    if (hasChanged) {
+      router.reload(); // 수정된 게 있을 경우만 새로고침
+    }
+  };
   const handleCommentSubmit = () => {
     if (!commentText.trim()) return;
     createCommentMutate({
@@ -134,13 +154,7 @@ export default function CardDetailPage({
               )}
             </div>
 
-            <button
-              onClick={() => {
-                onClose();
-                router.reload(); // ✅ Next.js 방식 리로드
-              }}
-              title="닫기"
-            >
+            <button onClick={handleClose} title="닫기">
               <X className="w-7 h-7 flex items-center justify-center hover:cursor-pointer" />
             </button>
           </div>