From 99a28782dc401d734fe60829d112c4f6c8e12874 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 9 Aug 2024 02:10:06 +0000
Subject: [PATCH] fix: form & drawer hide action

---
 src/components/DialogForm.vue |  4 ++--
 src/components/DrawerInfo.vue | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index c2eb4d0e..1f8e39b9 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -17,7 +17,7 @@ defineProps<{
   badgeLabel?: string;
   customerLabel?: string;
   badgeClass?: string;
-  noFooter?: boolean;
+  hideFooter?: boolean;
   noAppBox?: boolean;
   noPaddingTab?: boolean;
   maxWidth?: string;
@@ -203,7 +203,7 @@ const currentTab = defineModel<string>('currentTab');
 
         <!-- footer -->
         <div
-          v-if="!noFooter"
+          v-if="!hideFooter"
           class="form-footer row items-center full-width justify-between q-px-md q-py-md surface-1"
           style="z-index: 3"
         >
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 2db83b25..1e1ed40b 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -18,7 +18,7 @@ withDefaults(
     badgeLabel?: string;
     badgeClass?: string;
     bgColor?: string;
-    showEdit?: boolean;
+    hideAction?: boolean;
     editData?: (...args: unknown[]) => void;
     deleteData?: (...args: unknown[]) => void;
     submit?: (...args: unknown[]) => void;
@@ -27,7 +27,7 @@ withDefaults(
     beforeClose?: (...args: unknown[]) => boolean;
   }>(),
   {
-    showEdit: true,
+    hideAction: false,
   },
 );
 
@@ -70,7 +70,7 @@ function reset() {
       >
         <!-- header -->
         <div class="bordered-b q-pa-lg row items-center">
-          <div v-if="showEdit">
+          <div v-if="!hideAction">
             <div v-if="isEdit" class="row">
               <UndoButton
                 class="q-mr-md"
@@ -78,7 +78,7 @@ function reset() {
                 iconOnly
                 @click="undo"
               />
-              <div style="width: 36.8px"></div>
+              <div style="width: 38.8px"></div>
             </div>
             <div v-else class="row">
               <EditButton
@@ -90,6 +90,7 @@ function reset() {
               <DeleteButton id="btn-info-delete" iconOnly @click="deleteData" />
             </div>
           </div>
+          <div v-else style="width: 38.8px"></div>
 
           <div class="col text-weight-bold text-center">
             <text
@@ -119,7 +120,7 @@ function reset() {
             </text>
           </div>
 
-          <div class="q-mr-md" style="width: 36.8px"></div>
+          <div v-if="!hideAction" class="q-mr-md" style="width: 38.8px"></div>
           <CancelButton
             icon-only
             id="btn-info-close"
@@ -149,7 +150,7 @@ function reset() {
           <SaveButton
             class="q-ml-md"
             id="btn-info-save"
-            v-if="isEdit"
+            v-if="isEdit && !hideAction"
             type="submit"
             solid
           />