diff --git a/app/components/pub/my-ui/nav-content/ba.vue b/app/components/pub/my-ui/nav-content/ba.vue
new file mode 100644
index 00000000..c31fe72c
--- /dev/null
+++ b/app/components/pub/my-ui/nav-content/ba.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+type ClickType = 'cancel' | 'draft' | 'submit'
+
+const props = defineProps<{
+  label: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'click', type: ClickType): void
+}>()
+
+function onClick(type: ClickType) {
+  emit('click', type)
+}
+
+</script>
+
+<template>
+  <Button
+    @click="onClick('draft')"
+    class="flex items-center gap-2 rounded-full border border-orange-400 bg-orange-50 px-3 py-1 text-sm font-medium text-orange-600 hover:bg-orange-100"
+  >
+    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
+    </svg>
+    {{ props.label }}
+  </Button>
+</template>
diff --git a/app/components/pub/my-ui/nav-footer/ba-dr-su-pr.vue b/app/components/pub/my-ui/nav-footer/ba-dr-su-pr.vue
index 5e6f69ab..78034463 100644
--- a/app/components/pub/my-ui/nav-footer/ba-dr-su-pr.vue
+++ b/app/components/pub/my-ui/nav-footer/ba-dr-su-pr.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-type ClickType = 'cancel' | 'draft' | 'submit'
+type ClickType = 'cancel' | 'draft' | 'submit' | 'print'
 
 const emit = defineEmits<{
   (e: 'click', type: ClickType): void
diff --git a/app/components/pub/my-ui/nav-footer/ba-ed-de-pri.vue b/app/components/pub/my-ui/nav-footer/ba-ed-de-pri.vue
index 18e67b86..4a9d5268 100644
--- a/app/components/pub/my-ui/nav-footer/ba-ed-de-pri.vue
+++ b/app/components/pub/my-ui/nav-footer/ba-ed-de-pri.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-type ClickType = 'cancel' | 'draft' | 'submit'
+type ClickType = 'cancel' | 'draft' | 'delete' | 'print'
 
 const emit = defineEmits<{
   (e: 'click', type: ClickType): void
@@ -20,7 +20,7 @@ function onClick(type: ClickType) {
       <Icon name="i-lucide-file" class="me-2" />
       Edit
     </Button>
-    <Button class="bg-red-500" type="button" @click="onClick('submit')">
+    <Button class="bg-red-500" type="button" @click="onClick('delete')">
       <Icon name="i-lucide-trash" class="me-2 align-middle" />
       Delete
     </Button>
diff --git a/app/components/pub/my-ui/nav-footer/ba-ed-de.vue b/app/components/pub/my-ui/nav-footer/ba-ed-de.vue
index 9c79eba9..fabaa425 100644
--- a/app/components/pub/my-ui/nav-footer/ba-ed-de.vue
+++ b/app/components/pub/my-ui/nav-footer/ba-ed-de.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-type ClickType = 'cancel' | 'draft' | 'submit'
+type ClickType = 'cancel' | 'draft' | 'delete'
 
 const emit = defineEmits<{
   (e: 'click', type: ClickType): void
@@ -20,7 +20,7 @@ function onClick(type: ClickType) {
       <Icon name="i-lucide-file" class="me-2" />
       Edit
     </Button>
-    <Button class="bg-red-500" type="button" @click="onClick('submit')">
+    <Button class="bg-red-500" type="button" @click="onClick('delete')">
       <Icon name="i-lucide-trash" class="me-2 align-middle" />
       Delete
     </Button>
diff --git a/app/components/pub/my-ui/nav-footer/ba-ed-pri.vue b/app/components/pub/my-ui/nav-footer/ba-ed-pri.vue
index 5190ec04..97bf62de 100644
--- a/app/components/pub/my-ui/nav-footer/ba-ed-pri.vue
+++ b/app/components/pub/my-ui/nav-footer/ba-ed-pri.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-type ClickType = 'cancel' | 'draft' | 'submit'
+type ClickType = 'cancel' | 'draft' | 'print'
 
 const emit = defineEmits<{
   (e: 'click', type: ClickType): void