fix: wallet 오류 수정

kakao-tech-campus-2nd-step3 · Nov 15, 2024 · 15eb63e · 15eb63e
1 parent 92c4d3f
commit 15eb63e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/main/resources/static/js/card/card-list-delete.js b/src/main/resources/static/js/card/card-list-delete.js
@@ -1,4 +1,6 @@
-function deleteCardFromGroup(button) {
+function deleteCardFromGroup(button, event) {
+    event.stopPropagation();
+
     const cardId = button.getAttribute('card-id');
     const groupId = getCurrentGroupId();
 

diff --git a/src/main/resources/static/js/card/card.js b/src/main/resources/static/js/card/card.js
@@ -9,6 +9,7 @@ function populateCardSection(data, container) {
         cardElement.id = `card-${data.id}`;
 
         cardElement.innerHTML = `
+            <button class="delete-button" th:attr="card-id=${data.id}" onclick="deleteCardFromGroup(this, event)">삭제</button>
             <div class="card-image">
                 <img src="${data.profileImg}" alt="Person profile">
             </div>

diff --git a/src/main/resources/templates/card-list.html b/src/main/resources/templates/card-list.html
@@ -25,9 +25,7 @@ <h2 class="title">[[${group.name}]]</h2>
     <div class="card-list">
         <!-- 카드 목록을 동적으로 생성 -->
         <div th:each="card : ${cards}">
-            <div th:replace="card :: cardSection(${card.id})">
-                <button class="delete-button" th:attr="card-id=${card.id}" onclick="deleteCardFromGroup(this)">삭제</button>
-            </div>
+            <div th:replace="card :: cardSection(${card.id})"></div>
         </div>
     </div>
 </div>