From 42d4bc05bcbca3ad7d2dce424d6d888d53e3d4dc Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 5 Jul 2026 22:27:23 +0700
Subject: [PATCH] refactor: update product label in
 CuttingPosResultCatalogPanel for clarity and streamline component structure

---
 .../form/CuttingPosResultCatalogPanel.vue     | 63 +++++--------------
 1 file changed, 16 insertions(+), 47 deletions(-)

diff --git a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultCatalogPanel.vue b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultCatalogPanel.vue
index b5c25f8..41ecfa5 100644
--- a/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultCatalogPanel.vue
+++ b/resources/js/pages/admin/manage/cuttings/form/CuttingPosResultCatalogPanel.vue
@@ -40,7 +40,7 @@ const quickCreateOpen = ref(false);
 <template>
     <Card class="min-w-0">
         <CardHeader class="flex flex-row items-center justify-between pb-3 space-y-0">
-            <CardTitle class="text-base">Pilih Produk Hasil</CardTitle>
+            <CardTitle class="text-base">Pilih Nama Produk</CardTitle>
             <Button type="button" variant="outline" size="sm" @click="quickCreateOpen = true">
                 <Plus class="size-3.5 mr-1" />
                 Baru
@@ -65,27 +65,18 @@ const quickCreateOpen = ref(false);
                 </div>
 
                 <div v-else class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-                    <PosCatalogCard
-                        v-for="product in filteredProducts"
-                        :key="product.id"
-                        :title="product.name"
-                        :cover-image="getFirstCoverImage(product.variants)"
-                    >
+                    <PosCatalogCard v-for="product in filteredProducts" :key="product.id" :title="product.name"
+                        :cover-image="getFirstCoverImage(product.variants)">
                         <p v-if="!product.variants.length" class="px-3 py-4 text-sm text-muted-foreground">
                             Belum ada varian
                         </p>
-                        <div
-                            v-for="variant in product.variants"
-                            :key="variant.id"
-                            class="flex items-center gap-2.5 px-3 py-2.5 transition-all duration-200"
-                            :class="[
+                        <div v-for="variant in product.variants" :key="variant.id"
+                            class="flex items-center gap-2.5 px-3 py-2.5 transition-all duration-200" :class="[
                                 'cursor-pointer hover:bg-muted/30',
                                 getResultCartItem(variant.id)
                                     ? 'mx-1 my-0.5 rounded-md border-2 border-primary bg-primary/5'
                                     : '',
-                            ]"
-                            @click="!getResultCartItem(variant.id) && emit('add-result', product, variant)"
-                        >
+                            ]" @click="!getResultCartItem(variant.id) && emit('add-result', product, variant)">
                             <PosCatalogVariantThumb :items="variant.images" />
                             <div class="min-w-0 flex-1">
                                 <p class="truncate text-sm font-medium">
@@ -100,46 +91,28 @@ const quickCreateOpen = ref(false);
                                     <span class="text-primary mr-1">
                                         <Check class="size-4" />
                                     </span>
-                                    <Button
-                                        type="button"
-                                        variant="outline"
-                                        size="icon-sm"
+                                    <Button type="button" variant="outline" size="icon-sm"
                                         class="hover:text-destructive hover:bg-destructive/10"
-                                        @click.stop="emit('decrease-result-qty', variant.id)"
-                                    >
+                                        @click.stop="emit('decrease-result-qty', variant.id)">
                                         <Minus class="size-3.5" />
                                     </Button>
                                 </template>
                                 <template v-else>
-                                    <Button
-                                        type="button"
-                                        variant="outline"
-                                        size="icon-sm"
-                                        @click.stop="emit('decrease-result-qty', variant.id)"
-                                    >
+                                    <Button type="button" variant="outline" size="icon-sm"
+                                        @click.stop="emit('decrease-result-qty', variant.id)">
                                         <Minus class="size-3.5" />
                                     </Button>
                                     <span class="min-w-5 text-center text-xs font-semibold tabular-nums">
                                         {{ getResultCartItem(variant.id)!.cutting_result }}
                                     </span>
-                                    <Button
-                                        type="button"
-                                        variant="outline"
-                                        size="icon-sm"
-                                        @click.stop="emit('add-result', product, variant)"
-                                    >
+                                    <Button type="button" variant="outline" size="icon-sm"
+                                        @click.stop="emit('add-result', product, variant)">
                                         <Plus class="size-3.5" />
                                     </Button>
                                 </template>
                             </div>
-                            <Button
-                                v-else
-                                type="button"
-                                variant="outline"
-                                size="icon-sm"
-                                class="shrink-0"
-                                @click.stop="emit('add-result', product, variant)"
-                            >
+                            <Button v-else type="button" variant="outline" size="icon-sm" class="shrink-0"
+                                @click.stop="emit('add-result', product, variant)">
                                 <Plus class="size-3.5" />
                             </Button>
                         </div>
@@ -149,10 +122,6 @@ const quickCreateOpen = ref(false);
         </CardContent>
     </Card>
 
-    <QuickCreateProductModal
-        v-model:open="quickCreateOpen"
-        :categories="categories"
-        :selected-materials="materialCart"
-        @created="emit('product-created', $event)"
-    />
+    <QuickCreateProductModal v-model:open="quickCreateOpen" :categories="categories" :selected-materials="materialCart"
+        @created="emit('product-created', $event)" />
 </template>