From 368cb66bf47cf14545750e412826abb5d774c564 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Mon, 29 Jun 2026 10:15:59 +0700
Subject: [PATCH] refactor: simplify order show page header by removing print,
 edit, and status action buttons

---
 .../js/pages/admin/manage/orders/Show.vue     | 32 ++-----------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/resources/js/pages/admin/manage/orders/Show.vue b/resources/js/pages/admin/manage/orders/Show.vue
index b2781d6..9524a2b 100644
--- a/resources/js/pages/admin/manage/orders/Show.vue
+++ b/resources/js/pages/admin/manage/orders/Show.vue
@@ -7,15 +7,15 @@ import {
     Pencil,
     Phone,
     Receipt,
-    Trash2,
     User,
 } from '@lucide/vue';
 import { computed, ref } from 'vue';
 import { toast } from 'vue-sonner';
+import BackButton from '@/components/button/BackButton.vue';
 import { RowDeleteAction, RowDetailAction, RowEditAction, RowStatusAction } from '@/components/button';
 import ConfirmDialog from '@/components/ConfirmDialog.vue';
-import OrderPrintButton from '@/components/order/OrderPrintButton.vue';
 import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Separator } from '@/components/ui/separator';
 import {
@@ -187,37 +187,9 @@ const feeEntries = computed(() => {
                 <h2 class="text-2xl font-bold tracking-tight">
                     Detail Pesanan
                 </h2>
-                <p class="text-muted-foreground text-sm">
-                    {{ order.order_number }}
-                </p>
             </div>
 
             <div class="flex shrink-0 items-center gap-2 self-start sm:self-center">
-                <OrderPrintButton :order="order as any" />
-
-                <template v-for="action in order.available_actions" :key="action.status">
-                    <Button v-if="canPerformAction(action)" size="sm"
-                        :variant="action.destructive ? 'outline' : 'default'"
-                        :class="action.destructive ? 'text-destructive hover:text-destructive' : ''"
-                        @click="openStatusConfirm(action)">
-                        <component :is="orderStatusActionIcon(action.status)" class="size-3.5" />
-                        {{ action.label }}
-                    </Button>
-                </template>
-
-                <Button v-if="canEdit" variant="outline" size="sm" as-child>
-                    <Link :href="edit.url(props.order.id)">
-                        <Pencil class="size-3.5" />
-                        Ubah
-                    </Link>
-                </Button>
-
-                <Button v-if="canDelete" variant="outline" size="sm" class="text-destructive hover:text-destructive"
-                    @click="deleteConfirmOpen = true">
-                    <Trash2 class="size-3.5" />
-                    Hapus
-                </Button>
-
                 <BackButton :href="index.url()" />
             </div>
         </div>