From 14719445d1973928c9e9e571b4a7a3065695aeb5 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 12 Jun 2026 11:24:01 +0700
Subject: [PATCH] Update placeholder texts in CategoryFormModal and ProductForm
 components for better user guidance. Remove unused category text in
 ProductGroupedTable. Adjust MediaImageUpload descriptions to clarify
 thumbnail behavior.

---
 .../admin/master/categories/CategoryFormModal.vue    |  2 +-
 .../components/admin/master/products/ProductForm.vue | 12 +++++++-----
 .../admin/master/products/ProductGroupedTable.vue    |  3 ---
 resources/js/components/media/MediaImageUpload.vue   |  5 +++--
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/resources/js/components/admin/master/categories/CategoryFormModal.vue b/resources/js/components/admin/master/categories/CategoryFormModal.vue
index e86a505..123b3c3 100644
--- a/resources/js/components/admin/master/categories/CategoryFormModal.vue
+++ b/resources/js/components/admin/master/categories/CategoryFormModal.vue
@@ -94,7 +94,7 @@ function submit() {
                     <FieldSet class="grid gap-4">
                         <Field>
                             <FieldLabel for="category-name" required>Nama</FieldLabel>
-                            <Input id="category-name" v-model="form.name" type="text" placeholder="Nama kategori"
+                            <Input id="category-name" v-model="form.name" type="text" placeholder="Contoh: Daster"
                                 autofocus />
                             <FieldError :errors="form.errors.name ? [form.errors.name] : []" />
                         </Field>
diff --git a/resources/js/components/admin/master/products/ProductForm.vue b/resources/js/components/admin/master/products/ProductForm.vue
index 819c6d0..13c9365 100644
--- a/resources/js/components/admin/master/products/ProductForm.vue
+++ b/resources/js/components/admin/master/products/ProductForm.vue
@@ -280,14 +280,16 @@ function submit() {
                         <FieldSet class="grid gap-4">
                             <Field>
                                 <FieldLabel for="name" required>Nama Produk</FieldLabel>
-                                <Input id="name" v-model="form.name" type="text" placeholder="Masukkan nama produk" />
+                                <Input id="name" v-model="form.name" type="text"
+                                    placeholder="Contoh: Midi Olla Dress" />
                                 <FieldError :errors="form.errors.name ? [form.errors.name] : []" />
                             </Field>
 
                             <Field>
                                 <FieldLabel for="description">Deskripsi</FieldLabel>
                                 <Textarea id="description" v-model="form.description"
-                                    placeholder="Deskripsi produk (opsional)" rows="4" />
+                                    placeholder="Contoh: Hi Sobat, New arrival dari DST dengan Olla Dress. Yuks check detail produk: Detail: * Bahan Cey Flow Bordir * Ld 120 cm * PB 110 cm * Bisa jadi dress..."
+                                    rows="4" />
                                 <FieldError :errors="form.errors.description ? [form.errors.description] : []" />
                             </Field>
 
@@ -365,7 +367,7 @@ function submit() {
                                     Nama Varian
                                 </FieldLabel>
                                 <Input :id="`variant_name_${variant.client_id}`" :model-value="variant.name" type="text"
-                                    placeholder="Contoh: Merah / L"
+                                    placeholder="Contoh: Polkadot"
                                     @update:model-value="setVariantField(variant.client_id, 'name', String($event))" />
                                 <FieldError
                                     :errors="variantError(variant.client_id, 'name') ? [variantError(variant.client_id, 'name')!] : []" />
@@ -383,7 +385,7 @@ function submit() {
                         </FieldSet>
 
                         <FieldSet v-if="!useSamePrices || variants.length === 1"
-                            class="mt-4 grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+                            class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
                             <Field v-for="type in PRICE_TYPES" :key="`${variant.client_id}_${type}`">
                                 <FieldLabel :for="`price_${variant.client_id}_${type}`" required>
                                     {{ PRICE_TYPE_LABELS[type] }}
@@ -396,7 +398,7 @@ function submit() {
                             </Field>
                         </FieldSet>
 
-                        <div class="mt-4">
+                        <div>
                             <MediaImageUpload :id="`variant_images_${variant.client_id}`" v-model="variant.media"
                                 label="Foto Varian" :max-files="5" required
                                 :errors="variantError(variant.client_id, 'images') ? [variantError(variant.client_id, 'images')!] : []" />
diff --git a/resources/js/components/admin/master/products/ProductGroupedTable.vue b/resources/js/components/admin/master/products/ProductGroupedTable.vue
index df66d05..38f95a8 100644
--- a/resources/js/components/admin/master/products/ProductGroupedTable.vue
+++ b/resources/js/components/admin/master/products/ProductGroupedTable.vue
@@ -95,9 +95,6 @@ function rowNumber(index: number): number {
                                     {{ category.name }}
                                 </Badge>
                             </div>
-                            <p v-else class="text-muted-foreground text-sm">
-                                Tanpa kategori
-                            </p>
                         </div>
                     </div>
 
diff --git a/resources/js/components/media/MediaImageUpload.vue b/resources/js/components/media/MediaImageUpload.vue
index ac904eb..d3fdd52 100644
--- a/resources/js/components/media/MediaImageUpload.vue
+++ b/resources/js/components/media/MediaImageUpload.vue
@@ -112,10 +112,11 @@ onBeforeUnmount(() => {
             {{ description }}
         </FieldDescription>
         <FieldDescription v-else-if="maxFiles > 1">
-            Maks. {{ maxFiles }} gambar. Klik thumbnail untuk memperbesar.
+            Maks. {{ maxFiles }} gambar. Gambar Pertama akan dijadikan sebagai
+            thumbnail.
         </FieldDescription>
         <FieldDescription v-else>
-            Klik thumbnail untuk memperbesar.
+            Gambar Pertama akan dijadikan sebagai thumbnail.
         </FieldDescription>
 
         <div class="flex flex-wrap items-center gap-2">