refactor(FE): Conditionally render sampling and result sections

This commit is contained in:
rstubryan
2026-01-02 08:47:08 +07:00
parent c32074d72c
commit a518895096
@@ -229,49 +229,52 @@ const UniformityDetailsPreview = ({
{/* Form Section */} {/* Form Section */}
<div className='divider mt-3.5'></div> <div className='divider mt-3.5'></div>
<section className='w-full px-6'> <section className='w-full px-6'>
{uniformity_details && uniformity_details.length > 0 ? ( {info_umum || sampling || result ? (
<div className='flex flex-col gap-4'> <div className='flex flex-col gap-4'>
{/* Sampling and Range */} {/* Sampling and Range */}
<div className=''> {sampling && (
<p className='text-sm font-medium mb-5'>Sampling and Range</p> <div className=''>
<Table<DetailOptionType> <p className='text-sm font-medium mb-5'>Sampling and Range</p>
data={samplingTableData} <Table<DetailOptionType>
columns={columnsSampling} data={samplingTableData}
pageSize={4} columns={columnsSampling}
className={{ pageSize={4}
containerClassName: 'mb-0', className={{
paginationClassName: 'hidden', containerClassName: 'mb-0',
}} paginationClassName: 'hidden',
/> }}
</div> />
{/* Result */} </div>
<div className=''> )}
<p className='text-sm font-medium mb-5'>Result</p>
<Table<DetailOptionType>
data={resultTableData}
columns={resultColumns}
pageSize={4}
className={{
containerClassName: 'mb-0',
paginationClassName: 'hidden',
}}
/>
</div>
{/* Body Weight Details Button */} {/* Result */}
<div className='mt-4'> {result && (
<Button <div className=''>
type='button' <p className='text-sm font-medium mb-5'>Result</p>
onClick={fetchWeightData} <Table<DetailOptionType>
disabled={isLoading} data={resultTableData}
className='w-full' columns={resultColumns}
> pageSize={4}
{isLoading ? 'Loading...' : 'Show Body Weight Details'} className={{
</Button> containerClassName: 'mb-0',
</div> paginationClassName: 'hidden',
{/*{!uniformity_details || uniformity_details.length === 0 ? ( }}
<></> />
) : null}*/} </div>
)}
{!uniformity_details || uniformity_details.length === 0 ? (
<div className='mt-4'>
<Button
type='button'
onClick={fetchWeightData}
disabled={isLoading}
className='w-full'
>
{isLoading ? 'Loading...' : 'Show Body Weight Details'}
</Button>
</div>
) : null}
{/* Body Weight Details */} {/* Body Weight Details */}
{uniformity_details && uniformity_details.length > 0 && ( {uniformity_details && uniformity_details.length > 0 && (