From 0ddfc9a399adbc965fd1d56b5e48dac76a6b8819 Mon Sep 17 00:00:00 2001
From: jini0012 <jinhui.ha1208@gmail.com>
Date: Tue, 17 Dec 2024 10:14:27 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=EB=8C=93=EA=B8=80=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1=20=EC=A4=91=20=EB=AA=A8=EB=8B=AC=20=EB=82=98=EA=B0=80?=
 =?UTF-8?q?=EA=B8=B0=20=EB=98=90=EB=8A=94=20=EB=94=A4=EB=93=9C=20=ED=81=B4?=
 =?UTF-8?q?=EB=A6=AD=20=EC=8B=9C=20confirm=20=EC=9D=84=20=EA=B8=B0?=
 =?UTF-8?q?=EB=B3=B8=20window=20=EC=97=90=EC=84=9C=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=94=94=EC=9E=90=EC=9D=B8=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modal/PostModal.jsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/modal/PostModal.jsx b/src/components/modal/PostModal.jsx
index e5fe55b3..ecb85f58 100644
--- a/src/components/modal/PostModal.jsx
+++ b/src/components/modal/PostModal.jsx
@@ -1,16 +1,18 @@
 import React, { useState } from "react";
 import styles from "./PostModal.module.css";
 import PostContent from "../post/PostContent";
+import { ConfirmModal } from "../Controls";
 
 export default function PostModal({ postId, isShow, onClose }) {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
   const [comment, setComment] = useState(undefined);
+  const [isConfirmModalOpen, setIsConfirmModalOpen] = useState(false);
 
   function handleModalClose() {
     if (comment) {
-      const exitAnswer = confirm("댓글을 작성중입니다. 종료하시겠습니까?");
-      if (!exitAnswer) return;
+      setIsConfirmModalOpen(true);
+      return;
     }
     setIsModalOpen(false);
     onClose();
@@ -37,6 +39,20 @@ export default function PostModal({ postId, isShow, onClose }) {
               setComment={setComment}
             />
           </dialog>
+          {isConfirmModalOpen && (
+            <ConfirmModal
+              onConfirm={() => {
+                setIsModalOpen(false);
+                onClose();
+                setComment(undefined);
+                setIsLoading(true);
+                setIsConfirmModalOpen(false);
+              }}
+              isOpen={() => setIsConfirmModalOpen(true)}
+              closeModal={() => setIsConfirmModalOpen(false)}
+              message="댓글을 작성중입니다. 종료하시겠습니까?"
+            />
+          )}
         </>
       ) : null}
     </>