fix: card kebab 버튼의 삭제/폴더에추가 클릭 시 여러 개 모달 띄워지는 오류 해결

codeit-bootcamp-frontend · Jul 1, 2024 · 24f48c8 · 24f48c8
1 parent d14d83e
commit 24f48c8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/Card/Card.tsx b/components/Card/Card.tsx
@@ -48,11 +48,11 @@ export default function Card({ item, folders }: Props) {
 
   const handleDeleteButtonClick = (e: MouseEvent) => {
     e.preventDefault();
-    setModal({ isOpen: true, content: 'DeleteLinkModal' });
+    setModal({ isOpen: true, content: `DeleteLinkModal ${id}` });
   };
   const handleAddLinkButtonClick = (e: MouseEvent) => {
     e.preventDefault();
-    setModal({ isOpen: true, content: 'AddLinkModal' });
+    setModal({ isOpen: true, content: `AddLinkModal ${id}` });
   };
 
   return (
@@ -96,9 +96,9 @@ export default function Card({ item, folders }: Props) {
         </Link>
       </S.Card>
 
-      {modal.isOpen && modal.content === 'DeleteLinkModal' ? (
+      {modal.isOpen && modal.content === `DeleteLinkModal ${id}` ? (
         <DeleteLinkModal link={url} linkId={id} />
-      ) : modal.content === 'AddLinkModal' ? (
+      ) : modal.content === `AddLinkModal ${id}` ? (
         <AddLinkModal link={url} folders={folders} />
       ) : (
         ''