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">