From 7834cc43958301b7f58e684c494c54bad814bdd9 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 24 Jan 2025 13:41:09 +0700
Subject: [PATCH] feat: 09 => add label prop to CancelButton for customizable
 text

---
 src/components/button/CancelButton.vue          | 4 +++-
 src/pages/09_task-order/order_view/MainPage.vue | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/button/CancelButton.vue b/src/components/button/CancelButton.vue
index b9982fff..48049c72 100644
--- a/src/components/button/CancelButton.vue
+++ b/src/components/button/CancelButton.vue
@@ -5,6 +5,8 @@ defineEmits<{
   (e: 'click', v: MouseEvent): void;
 }>();
 defineProps<{
+  label?: string;
+
   iconOnly?: boolean;
   solid?: boolean;
   outlined?: boolean;
@@ -21,6 +23,6 @@ defineProps<{
     color="var(--negative-bg)"
     :title="iconOnly ? $t('general.cancel') : undefined"
   >
-    {{ $t('general.cancel') }}
+    {{ label || $t('general.cancel') }}
   </MainButton>
 </template>
diff --git a/src/pages/09_task-order/order_view/MainPage.vue b/src/pages/09_task-order/order_view/MainPage.vue
index 27f6a512..47607a57 100644
--- a/src/pages/09_task-order/order_view/MainPage.vue
+++ b/src/pages/09_task-order/order_view/MainPage.vue
@@ -1198,6 +1198,7 @@ watch(
             <UndoButton outlined @click="undo()" v-if="state.mode === 'edit'" />
             <CancelButton
               @click="closeTab()"
+              :label="$t('dialog.action.close')"
               v-if="state.mode === 'info'"
               outlined
             />