Merge pull request #182 from Soohyuniii/feat/myinfo-화면-내-terms,-privacy-모달-연동-작업

feat: myinfo 화면 내 terms, privacy modal 연동

Author: Soohyuniii

src/components/modal/ActionConfirmModal.tsx

@@ -18,7 +18,10 @@ const ActionConfirmModal = ({
   onConfirm
 }: AlertProps) => {
   return (
-    <div className="absolute inset-0 z-50 flex items-center justify-center bg-[#00000080]">
+    <div
+      className="absolute inset-0 z-50 flex items-center justify-center bg-black/50"
+      onClick={onCancel}
+    >
       <div className="flex h-[200px] w-[294px] flex-col items-center justify-center rounded-2xl bg-white">
         <h3 className="text-2xl font-bold">{title}</h3>
         <p className="mt-[9px] text-center text-xl font-medium">

src/pages/MyInfo.tsx

@@ -1,9 +1,9 @@
-
 import Header from "@/components/header/Header";
 import { useState } from "react";
 import ActionConfirmModal from "@/components/modal/ActionConfirmModal";
 import useAuthStore from "@/store/useAuthStore";
 import { useNavigate } from "react-router-dom";
+import TermsAndPrivacyModal from "@/components/modal/TermsAndPrivacyModal";
 
 type ModalType = "logout" | "withdraw" | "terms" | "privacy" | null;
 
@@ -81,6 +81,10 @@ const MyInfo = () => {
           onConfirm={handleConfirm}
         />
       )}
+
+      {modalType && (modalType === "terms" || modalType === "privacy") && (
+        <TermsAndPrivacyModal mode={modalType} closeModal={handleCancel} />
+      )}
     </div>
   );
 };