feat(FE-316): Show details table in success confirmation modal

This commit is contained in:
rstubryan
2025-12-28 14:06:30 +07:00
parent b2c09bb7c7
commit 8a6f78ef84
@@ -462,14 +462,68 @@ const UniformityTable = ({ refresh }: { refresh?: () => void }) => {
<ConfirmationModal
ref={successModal.ref}
type='success'
text='Uniformity berhasil dibuat!'
text='Data Berhasil Ditambahkan'
closeOnBackdrop={false}
primaryButton={{
text: 'OK',
color: 'success',
text: 'Ok',
color: 'primary',
onClick: handleSuccessModalClose,
}}
/>
>
<div className='flex flex-col gap-4 mt-4'>
<Table
data={[
{
id: 'tanggal',
label: 'Tanggal',
value: '28 Desember 2025',
},
{
id: 'lokasi-farm',
label: 'Lokasi Farm',
value: 'Farm A',
},
{
id: 'project-flock',
label: 'Project Flock',
value: 'Flock 2025-01',
},
{
id: 'kandang',
label: 'Kandang',
value: 'Kandang 1',
},
{
id: 'file-uniformity',
label: 'File Uniformity',
value: 'uniformity_data.xlsx',
},
{
id: 'status',
label: 'Status',
value: 'Disetujui',
},
]}
columns={[
{
accessorKey: 'label',
header: 'Label',
cell: (props) => props.row.original.label,
},
{
accessorKey: 'value',
header: 'Value',
cell: (props) => <span>{props.row.original.value}</span>,
},
]}
pageSize={6}
className={{
containerClassName: 'mb-0',
paginationClassName: 'hidden',
}}
/>
</div>
</ConfirmationModal>
</Card>
</>
);