From 35861d69a4059dbb020c2644e69eddb66421c246 Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Tue, 3 Feb 2026 21:44:35 +0100
Subject: [PATCH] feat(common): customize labels of confimation modal

---
 app/components/Common/ConfirmationModal.vue | 11 ++++++++---
 app/stores/confirmationModal.ts             |  6 ++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/app/components/Common/ConfirmationModal.vue b/app/components/Common/ConfirmationModal.vue
index 7d02a9f..d56bf7f 100644
--- a/app/components/Common/ConfirmationModal.vue
+++ b/app/components/Common/ConfirmationModal.vue
@@ -64,10 +64,15 @@ onUnmounted(() => {
 
 <template>
   <Buttons
-    v-if="confirmationModal.onConfirm"
+    v-if="
+      confirmationModal.onCancel ||
+      confirmationModal.onConfirm ||
+      confirmationModal.bLabel ||
+      confirmationModal.aLabel
+    "
     :y-offset="confirmationModal.modalButtonsYOffset"
-    :b-label="$t('common.cancel')"
-    :a-label="$t('common.confirm')"
+    :b-label="confirmationModal.bLabel ?? $t('common.cancel')"
+    :a-label="confirmationModal.aLabel ?? $t('common.confirm')"
     @activate-a="handleActivateA"
     @activate-b="handleActivateB"
   />
diff --git a/app/stores/confirmationModal.ts b/app/stores/confirmationModal.ts
index 4e294da..655bd57 100644
--- a/app/stores/confirmationModal.ts
+++ b/app/stores/confirmationModal.ts
@@ -9,6 +9,8 @@ export const useConfirmationModal = defineStore("confirmationModal", {
   state: () => ({
     isOpen: false,
     text: "",
+    aLabel: null as string | null,
+    bLabel: null as string | null,
     onConfirm: null as (() => void) | null,
     onCancel: null as (() => void) | null,
     onClosed: null as ((choice: "confirm" | "cancel") => void) | null,
@@ -22,6 +24,8 @@ export const useConfirmationModal = defineStore("confirmationModal", {
   actions: {
     open(options: {
       text: string;
+      aLabel?: string;
+      bLabel?: string;
       onCancel?: () => void;
       onConfirm?: () => void;
       onClosed?: (choice: "confirm" | "cancel") => void;
@@ -29,6 +33,8 @@ export const useConfirmationModal = defineStore("confirmationModal", {
     }) {
       gsap.killTweensOf(this);
       this.text = options.text;
+      this.aLabel = options.aLabel ?? null;
+      this.bLabel = options.bLabel ?? null;
       this.onConfirm = options.onConfirm ?? null;
       this.onCancel = options.onCancel ?? null;
       this.onClosed = options.onClosed ?? null;