From f134b8c1b288750de87b8048e65ee6a2094402fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?junh=5Feee=28=EC=9D=B4=EC=A4=80=ED=9D=AC=29?=
 <junh_eee@naver.com>
Date: Thu, 22 Sep 2022 10:46:20 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A7=88=EC=9D=B4=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20=EB=AA=A8=EB=8B=AC=20=EC=83=89=EC=83=81=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account/mypage/AccountMypageContainer.js  | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/containers/account/mypage/AccountMypageContainer.js b/src/containers/account/mypage/AccountMypageContainer.js
index 7663667f..e484fca1 100644
--- a/src/containers/account/mypage/AccountMypageContainer.js
+++ b/src/containers/account/mypage/AccountMypageContainer.js
@@ -103,7 +103,7 @@ const AccountMypageContainer = () => {
           isOpen: true,
           title: '인증번호 만료',
           desc: '인증번호가 만료되었습니다.',
-          color: 'modal-danger'
+          color: 'danger'
         });
       }
     }, 1000);
@@ -129,7 +129,7 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 발송',
         desc: '휴대폰 번호를 입력해 주세요.',
-        color: 'modal-danger'
+        color: 'danger'
       });
       return;
     }
@@ -138,7 +138,7 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 발송',
         desc: '인증번호 발송은 3회까지만 가능합니다.',
-        color: 'modal-danger'
+        color: 'danger'
       });
       return;
     }
@@ -147,7 +147,7 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 발송',
         desc: '올바른 번호를 입력해 주세요.',
-        color: 'modal-danger'
+        color: 'danger'
       });
       return;
     }
@@ -160,14 +160,14 @@ const AccountMypageContainer = () => {
           isOpen: true,
           title: '인증번호 발송',
           desc: '이미 가입된 휴대폰입니다.',
-          color: 'modal-danger'
+          color: 'danger'
         });
       } else {
         setModal({
           isOpen: true,
           title: '인증번호 발송',
           desc: '인증번호 발송을 실패하였습니다.',
-          color: 'modal-danger'
+          color: 'danger'
         });
       }
       return;
@@ -177,7 +177,7 @@ const AccountMypageContainer = () => {
           isOpen: true,
           title: '인증번호 발송',
           desc: '인증번호를 발송했습니다.',
-          color: 'modal-primary'
+          color: 'primary'
         });
       }
     }
@@ -212,7 +212,7 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 인증',
         desc: '휴대폰 번호를 입력해 주세요.',
-        color: 'modal-danger'
+        color: 'danger'
       });
 
       return false;
@@ -222,7 +222,7 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 인증',
         desc: '인증번호를 입력해 주세요.',
-        color: 'modal-danger'
+        color: 'danger'
       });
       return false;
     }
@@ -234,21 +234,21 @@ const AccountMypageContainer = () => {
         isOpen: true,
         title: '인증번호 인증',
         desc: '인증번호가 잘못되었습니다.',
-        color: 'modal-danger'
+        color: 'danger'
       });
     } else if (res?.data.code === 0) {
       setModal({
         isOpen: true,
         title: '인증번호 발송',
         desc: '인증번호가 발송되었습니다.',
-        color: 'modal-primary'
+        color: 'primary'
       });
     } else {
       setModal({
         isOpen: true,
         title: '인증번호 성공',
         desc: '인증되었습니다',
-        color: 'modal-primary'
+        color: 'primary'
       });
       setOkinput(!okinput);
     }
@@ -319,7 +319,14 @@ const AccountMypageContainer = () => {
   };
 
   const waitwait = () => {
-    alert('아직 탈퇴 못해용~');
+    // alert('아직 탈퇴 못해용~');
+    setModal({
+      isOpen: true,
+      title: '탈퇴 확인',
+      desc: '탈퇴가 완료되었습니다.',
+      color: 'primary'
+    });
+    return;
   };
 
   return (
@@ -378,7 +385,7 @@ const AccountMypageContainer = () => {
         <Modal
           isOpen={modal.isOpen}
           toggle={() => setModal({ ...modal, isOpen: !modal.isOpen })}
-          modalClassName={modal.color}
+          modalClassName={'modal-' + `${modal.color}`}
           className='modal-dialog-centered'
         >
           <ModalHeader
@@ -389,7 +396,7 @@ const AccountMypageContainer = () => {
           <ModalBody>{modal.desc}</ModalBody>
           <ModalFooter>
             <Button
-              color='danger'
+              color={modal.color}
               onClick={() => setModal({ ...modal, isOpen: !modal.isOpen })}
             >
               확인