feat: enhance DoubleBtnAlert component with dynamic alert messages and button actions
This commit is contained in:
parent
436f149635
commit
5e8d2fa8cc
@ -1,17 +1,26 @@
|
|||||||
|
'use client'
|
||||||
|
|
||||||
|
import { usePopupController } from '@/store/popupController'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
|
|
||||||
export default function DoubleBtnAlert() {
|
export default function DoubleBtnAlert() {
|
||||||
|
const { alertMsg, alert2BtnYes, alert2BtnNo } = usePopupController()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="modal-popup alert">
|
<div className="modal-popup alert">
|
||||||
<div className="modal-dialog">
|
<div className="modal-dialog">
|
||||||
<div className="modal-content">
|
<div className="modal-content">
|
||||||
<div className="alert-tit">本当に削除しますか?</div>
|
<div className="alert-tit">{alertMsg}</div>
|
||||||
<div className="alert-btn-wrap">
|
<div className="alert-btn-wrap">
|
||||||
<div className="alert-btn-bx">
|
<div className="alert-btn-bx">
|
||||||
<button className="btn-frame red min">確認</button>
|
<button className="btn-frame red min" onClick={() => alert2BtnYes()}>
|
||||||
|
確認
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="alert-btn-bx">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user