Feat: add UI CRUD Surat Kontrol at Rehab Medik > kunjungan > Proses

app/components/pub/my-ui/confirmation/confirmation.vue

@@ -71,7 +71,7 @@ function handleCancel() {
   <Dialog v-model:open="isOpen" :title="title" :size="size">
     <div class="space-y-4">
       <!-- Icon dan pesan -->
-      <div class="flex items-start gap-3">
+      <div class="flex items-center gap-3">
         <div :class="[variantClasses.icon, variantClasses.iconColor]" class="w-6 h-6 mt-1 flex-shrink-0" />
         <div class="flex-1">
           <p class="text-sm text-muted-foreground leading-relaxed">

app/components/pub/my-ui/nav-footer/ba-dr-su.vue

@@ -1,6 +1,14 @@
 <script setup lang="ts">
 type ClickType = 'cancel' | 'draft' | 'submit'
 
+const props = defineProps({
+  enableDraft: {
+    type: Boolean,
+    default: true,
+    required: false,
+  },
+})
+
 const emit = defineEmits<{
   (e: 'click', type: ClickType): void
 }>()
@@ -16,7 +24,7 @@ function onClick(type: ClickType) {
       <Icon name="i-lucide-arrow-left" class="me-2 align-middle" />
       Back
     </Button>
-    <Button class="bg-orange-500" variant="outline" type="button" @click="onClick('draft')">
+    <Button v-show="enableDraft" class="bg-orange-500" variant="outline" type="button" @click="onClick('draft')">
       <Icon name="i-lucide-file" class="me-2" />
       Draft
     </Button>