refactor: improve scrollbar styling and enhance error feedback with dynamic validation messages in cutting management forms

This commit is contained in:
Yoga Pangestu 2026-06-13 14:38:34 +07:00
parent 1805c64428
commit 2d72854015
2 changed files with 15 additions and 5 deletions

View File

@ -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.',
);
},
});
}

View File

@ -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>