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>