gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-114): auto-populate notes with product name and enhance tooltip visibility in RecordingForm

Browse Source
This commit is contained in:
rstubryan
2025-10-24 09:50:12 +07:00
parent c30fcd81b2
commit a9f0696b38
1 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/production/recording/form/RecordingForm.tsx
+29 -18
View File
@@ -815,8 +815,14 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
<span className='text-error'>*</span>
</span>
</th>
<th>Jumlah Pakai</th>
<th>Catatan</th>
<th>Jumlah Pakai
<span
className="tooltip tooltip-error tooltip-bottom z-[9999]"
data-tip="required"
>
<span className="text-error">*</span>
</span>
</th>
{type !== 'detail' && <th>Action</th>}
</tr>
</thead>
@@ -859,6 +865,18 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
`stocks.${idx}.product_warehouse_id`,
option?.value || 0
);
// Auto-populate notes with product name by finding it in stockProducts data
if (option?.value && isResponseSuccess(stockProducts)) {
const selectedProduct = stockProducts.data.find(
(product) => product.id === option.value
);
if (selectedProduct) {
formik.setFieldValue(
`stocks.${idx}.notes`,
selectedProduct.product.name
);
}
}
}}
options={unifiedStockProducts}
placeholder='Pilih Produk'
@@ -909,20 +927,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
placeholder='Jumlah Pakai'
/>
</td>
<td>
<TextInput
name={`stocks.${idx}.notes`}
value={stock.notes || ''}
onChange={formik.handleChange}
onBlur={formik.handleBlur}
placeholder='Catatan...'
readOnly={type === 'detail'}
className={{
wrapper: 'w-full min-w-32',
}}
/>
</td>
{type !== 'detail' && (
{type !== 'detail' && (
<td>
<div className='flex justify-center'>
<Button
@@ -1008,12 +1013,18 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
)}
<th>
Kondisi
<span
className="tooltip tooltip-error tooltip-bottom z-[9999]"
data-tip="required"
>
<span className="text-error">*</span>
</span>
</th>
<th>
Total
<span
className='tooltip tooltip-error tooltip-bottom z-[9999]'
data-tip='required'
className="tooltip tooltip-error tooltip-bottom z-[9999]"
data-tip="required"
>
<span className='text-error'>*</span>
</span>