diff --git a/app/components/Common/ConfirmationModal.vue b/app/components/Common/ConfirmationModal.vue index 18944d2..22ff8c9 100644 --- a/app/components/Common/ConfirmationModal.vue +++ b/app/components/Common/ConfirmationModal.vue @@ -22,6 +22,7 @@ const handleActivateA = () => { }; const handleActivateB = () => { + confirmationModal.onCancel?.(); confirmationModal.close(); }; diff --git a/app/stores/confirmationModal.ts b/app/stores/confirmationModal.ts index fb69ae6..acc97c7 100644 --- a/app/stores/confirmationModal.ts +++ b/app/stores/confirmationModal.ts @@ -11,6 +11,7 @@ export const useConfirmationModal = defineStore("confirmationModal", { text: "", onConfirm: null as (() => void) | null, onClosed: null as (() => void) | null, + onCancel: null as (() => void) | null, offsetY: MODAL_MAX_Y_OFFSET, buttonsYOffset: 0, modalButtonsYOffset: BUTTONS_MAX_Y_OFFSET, @@ -21,12 +22,14 @@ export const useConfirmationModal = defineStore("confirmationModal", { actions: { open(options: { text: string; + onCancel?: () => void; onConfirm?: () => void; onClosed?: () => void; }) { gsap.killTweensOf(this); this.text = options.text; this.onConfirm = options.onConfirm ?? null; + this.onCancel = options.onCancel ?? null; this.onClosed = options.onClosed ?? null; this.isVisible = true; this.isClosing = false;