From 2d72854015bc953199bc004abc90038a5525b8b5 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sat, 13 Jun 2026 14:38:34 +0700
Subject: [PATCH] refactor: improve scrollbar styling and enhance error
 feedback with dynamic validation messages in cutting management forms

---
 .../admin/manage/cuttings/CuttingPosForm.vue   | 18 ++++++++++++++----
 .../manage/cuttings/data-table-actions.vue     |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/admin/manage/cuttings/CuttingPosForm.vue b/resources/js/components/admin/manage/cuttings/CuttingPosForm.vue
index 21f868a..1711581 100644
--- a/resources/js/components/admin/manage/cuttings/CuttingPosForm.vue
+++ b/resources/js/components/admin/manage/cuttings/CuttingPosForm.vue
@@ -256,8 +256,13 @@ function submit() {
 
     if (props.method === 'put') {
         form.transform(() => payload).put(props.submitUrl, {
-            onError: () => {
-                toast.error('Gagal menyimpan data. Periksa kembali formulir.');
+            onError: (errors) => {
+                const message = Object.values(errors)[0];
+                toast.error(
+                    typeof message === 'string'
+                        ? message
+                        : 'Gagal menyimpan data. Periksa kembali formulir.',
+                );
             },
         });
 
@@ -265,8 +270,13 @@ function submit() {
     }
 
     form.transform(() => payload).post(props.submitUrl, {
-        onError: () => {
-            toast.error('Gagal menyimpan data. Periksa kembali formulir.');
+        onError: (errors) => {
+            const message = Object.values(errors)[0];
+            toast.error(
+                typeof message === 'string'
+                    ? message
+                    : 'Gagal menyimpan data. Periksa kembali formulir.',
+            );
         },
     });
 }
diff --git a/resources/js/components/admin/manage/cuttings/data-table-actions.vue b/resources/js/components/admin/manage/cuttings/data-table-actions.vue
index 0848a00..c21e27b 100644
--- a/resources/js/components/admin/manage/cuttings/data-table-actions.vue
+++ b/resources/js/components/admin/manage/cuttings/data-table-actions.vue
@@ -380,7 +380,7 @@ function actionIcon(status: string) {
             </DialogHeader>
 
             <form @submit.prevent="submitVerify">
-                <div class="space-y-4 max-h-[60vh] overflow-y-auto px-1 py-1">
+                <div class="space-y-4 max-h-[60vh] overflow-y-auto scrollbar-thin px-1 py-1">
                     <p class="text-sm text-muted-foreground">
                         Silakan verifikasi jumlah produk yang diterima di toko. Jika terdapat perbedaan/selisih, jumlah produk masuk gudang akan disesuaikan secara otomatis dan selisihnya akan dicatat sebagai reject.
                     </p>