From 1be8bba79958dca8c9e12d02f4c93fe55a5a3539 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Mon, 24 Jun 2024 09:44:00 +0700
Subject: [PATCH] =?UTF-8?q?fix=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=80?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DrawerInfo.vue | 110 ++++++++++++++++++----------------
 1 file changed, 59 insertions(+), 51 deletions(-)

diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index dbfbe51d..5ea40fc1 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -2,21 +2,27 @@
 import { ref } from 'vue';
 import AppBox from './app/AppBox.vue';
 
-defineProps<{
-  title: string;
-  category?: string;
-  isEdit?: boolean;
-  bgOn?: boolean;
-  statusBranch?: string;
-  badgeLabel?: string;
-  badgeClass?: string;
-  bgColor?: string;
-  editData?: (...args: unknown[]) => void;
-  deleteData?: (...args: unknown[]) => void;
-  submit?: (...args: unknown[]) => void;
-  close?: (...args: unknown[]) => void;
-  undo?: (...args: unknown[]) => void;
-}>();
+withDefaults(
+  defineProps<{
+    title: string;
+    category?: string;
+    isEdit?: boolean;
+    bgOn?: boolean;
+    statusBranch?: string;
+    badgeLabel?: string;
+    badgeClass?: string;
+    bgColor?: string;
+    showEdit?: boolean;
+    editData?: (...args: unknown[]) => void;
+    deleteData?: (...args: unknown[]) => void;
+    submit?: (...args: unknown[]) => void;
+    close?: (...args: unknown[]) => void;
+    undo?: (...args: unknown[]) => void;
+  }>(),
+  {
+    showEdit: true,
+  },
+);
 
 const drawerOpen = defineModel<boolean>('drawerOpen', {
   default: false,
@@ -62,42 +68,44 @@ function reset() {
         style="padding: 0; border-radius: var(--radius-2)"
       >
         <div class="form-header col q-px-lg row items-center">
-          <div v-if="isEdit" class="row">
-            <q-btn
-              round
-              flat
-              id="closeDialog"
-              icon="mdi-arrow-left"
-              padding="xs"
-              class="q-mr-md"
-              :class="{ dark: $q.dark.isActive }"
-              style="color: var(--brand-1)"
-              @click="undo"
-            />
-            <div style="width: 31.98px"></div>
-          </div>
-          <div v-else>
-            <q-btn
-              round
-              flat
-              id="editDialog"
-              icon="mdi-pencil-outline"
-              padding="xs"
-              class="q-mr-md"
-              :class="{ dark: $q.dark.isActive }"
-              style="color: var(--brand-1)"
-              @click="editData"
-            />
-            <q-btn
-              round
-              flat
-              id="deleteDialog"
-              icon="mdi-trash-can-outline"
-              padding="xs"
-              :class="{ dark: $q.dark.isActive }"
-              style="color: hsl(var(--negative-bg))"
-              @click="deleteData"
-            />
+          <div v-if="showEdit">
+            <div v-if="isEdit" class="row">
+              <q-btn
+                round
+                flat
+                id="closeDialog"
+                icon="mdi-arrow-left"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="undo"
+              />
+              <div style="width: 31.98px"></div>
+            </div>
+            <div v-else>
+              <q-btn
+                round
+                flat
+                id="editDialog"
+                icon="mdi-pencil-outline"
+                padding="xs"
+                class="q-mr-md"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: var(--brand-1)"
+                @click="editData"
+              />
+              <q-btn
+                round
+                flat
+                id="deleteDialog"
+                icon="mdi-trash-can-outline"
+                padding="xs"
+                :class="{ dark: $q.dark.isActive }"
+                style="color: hsl(var(--negative-bg))"
+                @click="deleteData"
+              />
+            </div>
           </div>
 
           <div class="col text-weight-bold text-center">