From 4720e619581dc57a57d42ac8ba2595028ec9b9e2 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Fri, 28 Feb 2025 11:09:10 +0900
Subject: [PATCH] =?UTF-8?q?warning=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardComment.vue     | 6 +++++-
 src/components/board/BoardCommentList.vue | 4 ++++
 src/views/board/BoardView.vue             | 7 ++++---
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/board/BoardComment.vue b/src/components/board/BoardComment.vue
index 4ad12f7..01879d2 100644
--- a/src/components/board/BoardComment.vue
+++ b/src/components/board/BoardComment.vue
@@ -16,7 +16,7 @@
             @updateReaction="handleUpdateReaction"
         />
         <!-- 댓글 비밀번호 입력창 (익명일 경우) -->
-        <div v-if="isCommentPassword === comment.commentId && unknown" class="mt-3 w-25 ms-auto">
+        <div v-if="currentPasswordCommentId === comment.commentId && unknown" class="mt-3 w-25 ms-auto">
             <div class="input-group">
                 <input
                     type="password"
@@ -59,6 +59,7 @@
                     :isCommentProfile="true"
                     :isCommentAuthor="child.isCommentAuthor"
                     :isCommentPassword="isCommentPassword"
+                    :currentPasswordCommentId="currentPasswordCommentId"
                     @editClick="handleReplyEditClick"
                     @deleteClick="$emit('deleteClick', child)"
                     @submitEdit="(comment, editedContent) => $emit('submitEdit', comment, editedContent)"
@@ -111,6 +112,9 @@ const props = defineProps({
     passwordCommentAlert: {
         type: String,
         default: ''
+    },
+    currentPasswordCommentId: {
+        type: Number
     }
 });
 
diff --git a/src/components/board/BoardCommentList.vue b/src/components/board/BoardCommentList.vue
index 8ac413b..928c281 100644
--- a/src/components/board/BoardCommentList.vue
+++ b/src/components/board/BoardCommentList.vue
@@ -12,6 +12,7 @@
                 :isEditTextarea="comment.isEditTextarea"
                 :isCommentPassword="isCommentPassword" 
                 :passwordCommentAlert="passwordCommentAlert || ''"
+                :currentPasswordCommentId="currentPasswordCommentId"
                 @editClick="handleEditClick"
                 @deleteClick="handleDeleteClick"
                 @submitPassword="submitPassword"
@@ -53,6 +54,9 @@ const props = defineProps({
     passwordCommentAlert: {
         type: String,
         default: ''
+    },
+    currentPasswordCommentId: {
+        type: Number
     }
 });
 
diff --git a/src/views/board/BoardView.vue b/src/views/board/BoardView.vue
index 358c192..63329d5 100644
--- a/src/views/board/BoardView.vue
+++ b/src/views/board/BoardView.vue
@@ -102,6 +102,7 @@
                             :isCommentPassword="isCommentPassword"
                             :isEditTextarea="isEditTextarea"
                             :passwordCommentAlert="passwordCommentAlert"
+                            :currentPasswordCommentId="currentPasswordCommentId"
                             @editClick="editComment"
                             @deleteClick="deleteComment"
                             @updateReaction="handleCommentReaction"
@@ -489,10 +490,10 @@ const deleteComment = async (comment) => {
 // 익명 비밀번호 창 토글
 const toggleCommentPassword = (comment, button) => {
     console.log(comment.commentId)
-    if (lastCommentClickedButton.value === button && isCommentPassword.value === comment.commentId) {
-        isCommentPassword.value = false; // 비밀번호 창 닫기
+    if (lastCommentClickedButton.value === button && currentPasswordCommentId.value === comment.commentId) {
+        currentPasswordCommentId.value = null; // 비밀번호 창 닫기
     } else {
-        isCommentPassword.value = comment.commentId; // 비밀번호 창 열기
+        currentPasswordCommentId.value = comment.commentId; // 비밀번호 창 열기
     }
 
     lastCommentClickedButton.value = button;