refactor(FE): Adjust cumulative depletion table layout

This commit is contained in:
rstubryan
2026-01-13 16:21:41 +07:00
parent e77a43300a
commit 8481b77c90
@@ -1663,54 +1663,31 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
</div> </div>
<div className='p-4'> <div className='p-4'>
<table className='w-full text-sm'> <table className='w-full text-sm'>
<thead>
<tr className='border-b border-gray-200'>
<th
colSpan={2}
className='text-center py-2 font-semibold text-gray-600'
>
DEPLESI KUMULATIF
</th>
</tr>
<tr className='border-b border-gray-200'>
<th className='text-center py-2 font-semibold text-xs text-gray-500'>
Total
</th>
<th className='text-center py-2 font-semibold text-xs text-gray-500'>
(%)
</th>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td className='text-center py-3 border-r border-gray-100'> <td className='py-2 font-medium'>Deplesi Kumulatif</td>
<td className='text-right py-2'>
<span className='font-semibold'> <span className='font-semibold'>
{initialValues.cum_depletion_rate &&
initialValues.cum_depletion_rate > 0
? `${initialValues.cum_depletion_rate.toFixed(2)}%`
: '-'}
</span>
</td>
</tr>
<tr>
<td className='py-2 font-medium'>Total Depletion</td>
<td className='text-right py-2 font-semibold'>
{initialValues.total_depletion_qty && {initialValues.total_depletion_qty &&
initialValues.total_depletion_qty > 0 initialValues.total_depletion_qty > 0
? formatNumber(initialValues.total_depletion_qty) ? formatNumber(initialValues.total_depletion_qty)
: '-'} : '-'}
</span>
</td>
<td className='text-center py-3 text-gray-600'>
{initialValues.cum_depletion_rate &&
initialValues.cum_depletion_rate > 0
? initialValues.cum_depletion_rate.toFixed(2)
: '-'}
</td> </td>
<td></td>
</tr> </tr>
<tr> <tr className='border-t border-gray-200'>
<td <td className='py-2 text-gray-600'>Total Ayam</td>
colSpan={2} <td className='text-right py-2 font-semibold'>
className='text-center py-3 border-r border-gray-200 text-gray-600'
>
Total Ayam
</td>
</tr>
<tr>
<td
colSpan={2}
className='text-center py-3 font-semibold'
>
{initialValues.project_flock?.total_chick_qty && {initialValues.project_flock?.total_chick_qty &&
initialValues.project_flock?.total_chick_qty > 0 initialValues.project_flock?.total_chick_qty > 0
? formatNumber( ? formatNumber(
@@ -1718,6 +1695,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
) )
: '-'} : '-'}
</td> </td>
<td></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>