refactor(FE): Move purchase order error alert below heading

This commit is contained in:
rstubryan
2026-01-07 14:53:24 +07:00
parent b0a1b837d0
commit bfcdb9883d
2 changed files with 20 additions and 17 deletions
@@ -352,19 +352,22 @@ const PurchaseOrderAcceptApprovalForm = ({
onSubmit={formik.handleSubmit}
className='w-full flex flex-col gap-6'
>
{purchaseOrderFormErrorMessage && (
<div role='alert' className='alert alert-error'>
<Icon icon='material-symbols:error-outline' width={24} height={24} />
<span>{purchaseOrderFormErrorMessage}</span>
</div>
)}
<div className='w-full'>
<h2 className='text-lg font-semibold mb-4'>
{type === 'add'
? 'Konfirmasi Penerimaan Produk'
: 'Edit Penerimaan Produk'}
</h2>
{purchaseOrderFormErrorMessage && (
<div role='alert' className='alert alert-error'>
<Icon
icon='material-symbols:error-outline'
width={24}
height={24}
/>
<span>{purchaseOrderFormErrorMessage}</span>
</div>
)}
<div className='overflow-x-auto'>
<table className='table'>
<thead>
@@ -656,22 +656,22 @@ const PurchaseOrderStaffApprovalForm = ({
onSubmit={formik.handleSubmit}
className='w-full flex flex-col gap-6'
>
{purchaseOrderFormErrorMessage && (
<div role='alert' className='alert alert-error'>
<Icon
icon='material-symbols:error-outline'
width={24}
height={24}
/>
<span>{purchaseOrderFormErrorMessage}</span>
</div>
)}
<div className='w-full'>
<h2 className='text-lg font-semibold mb-4'>
{type === 'add'
? 'Konfirmasi Item Pembelian'
: 'Edit Item Pembelian'}
</h2>
{purchaseOrderFormErrorMessage && (
<div role='alert' className='alert alert-error'>
<Icon
icon='material-symbols:error-outline'
width={24}
height={24}
/>
<span>{purchaseOrderFormErrorMessage}</span>
</div>
)}
<div className='overflow-x-auto'>
{groupedPurchaseItems.length > 0 ? (
<div>