마이페이지 모달 색상 변경

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 })}
             >
               확인