From 5e8d2fa8cc7f33b11376f6ef4f432ee42484f6d0 Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Fri, 9 May 2025 15:19:03 +0900
Subject: [PATCH] feat: enhance DoubleBtnAlert component with dynamic alert
 messages and button actions

---
 src/components/ui/common/DoubleBtnAlert.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/common/DoubleBtnAlert.tsx b/src/components/ui/common/DoubleBtnAlert.tsx
index 34af34b..43129b7 100644
--- a/src/components/ui/common/DoubleBtnAlert.tsx
+++ b/src/components/ui/common/DoubleBtnAlert.tsx
@@ -1,17 +1,26 @@
+'use client'
+
+import { usePopupController } from '@/store/popupController'
 import React from 'react'
 
 export default function DoubleBtnAlert() {
+  const { alertMsg, alert2BtnYes, alert2BtnNo } = usePopupController()
+
   return (
     <div className="modal-popup alert">
       <div className="modal-dialog">
         <div className="modal-content">
-          <div className="alert-tit">本当に削除しますか?</div>
+          <div className="alert-tit">{alertMsg}</div>
           <div className="alert-btn-wrap">
             <div className="alert-btn-bx">
-              <button className="btn-frame red min">確認</button>
+              <button className="btn-frame red min" onClick={() => alert2BtnYes()}>
+                確認
+              </button>
             </div>
             <div className="alert-btn-bx">
-              <button className="btn-frame n-blue min">キャンセル</button>
+              <button className="btn-frame n-blue min" onClick={() => alert2BtnNo()}>
+                キャンセル
+              </button>
             </div>
           </div>
         </div>