From f224e5949d0d1c96b66a833069c25dd41ea049ac Mon Sep 17 00:00:00 2001
From: Kong <155794105+ocahs9@users.noreply.github.com>
Date: Fri, 11 Oct 2024 18:35:26 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EC=9E=84=20=EC=8B=A0=EC=B2=AD?=
 =?UTF-8?q?=20=EC=B7=A8=EC=86=8C=ED=95=98=EA=B8=B0=20=EB=8B=A4=EC=9D=B4?=
 =?UTF-8?q?=EC=96=BC=EB=A1=9C=EA=B7=B8=20->=20Mds=EB=A1=9C=20=EA=B5=90?=
 =?UTF-8?q?=EC=B2=B4=20(#922)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../meetingDetail/MeetingController/index.tsx | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/src/components/page/meetingDetail/MeetingController/index.tsx b/src/components/page/meetingDetail/MeetingController/index.tsx
index 31b4a0c0..9a990550 100644
--- a/src/components/page/meetingDetail/MeetingController/index.tsx
+++ b/src/components/page/meetingDetail/MeetingController/index.tsx
@@ -24,6 +24,7 @@ import { useQueryMyProfile } from '@api/API_LEGACY/user/hooks';
 import { ampli } from '@/ampli';
 import ButtonLoader from '@components/loader/ButtonLoader';
 import { useDialog } from '@sopt-makers/ui';
+import { ReactNode } from 'react';
 
 interface DetailHeaderProps {
   detailData: GetMeetingResponse;
@@ -50,6 +51,19 @@ interface DetailHeaderProps {
   >;
 }
 
+interface DialogOptionType {
+  title: ReactNode;
+  description: ReactNode;
+  type?: 'default' | 'danger' | 'single' | undefined;
+  typeOptions?: TypeOptionsProp;
+}
+
+interface TypeOptionsProp {
+  cancelButtonText?: string;
+  approveButtonText?: string;
+  buttonFunction?: () => void;
+}
+
 const MeetingController = ({
   detailData,
   mutateMeetingDeletion,
@@ -121,7 +135,18 @@ const MeetingController = ({
 
       return;
     }
-    handleGuestModalOpen();
+
+    const dialogOption: DialogOptionType = {
+      title: '신청을 취소하시겠습니까?',
+      description: '',
+      type: 'default',
+      typeOptions: {
+        cancelButtonText: '돌아가기',
+        approveButtonText: '취소하기',
+        buttonFunction: handleCancelApplication,
+      },
+    };
+    dialogOpen(dialogOption);
   };
 
   const handleApplicationButton = (textareaValue: string) => {