refactor(FE): Enable backdrop close and set FCR table pageSize

This commit is contained in:
rstubryan
2026-01-15 16:16:32 +07:00
parent 0de4f9d745
commit 4285e2e269
@@ -2773,6 +2773,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
{/* FCR Standard Modal */} {/* FCR Standard Modal */}
<Modal <Modal
ref={fcrStandardModal.ref} ref={fcrStandardModal.ref}
closeOnBackdrop={true}
className={{ className={{
modal: 'p-0', modal: 'p-0',
modalBox: 'p-0 rounded-2xl xl:max-w-4/12 max-w-sm', modalBox: 'p-0 rounded-2xl xl:max-w-4/12 max-w-sm',
@@ -2793,7 +2794,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
<Icon icon='heroicons:x-mark' width={20} height={20} /> <Icon icon='heroicons:x-mark' width={20} height={20} />
</Button> </Button>
</div> </div>
<div className='px-4 pb-4'> <div className='px-4'>
{isLoadingFcrStandards ? ( {isLoadingFcrStandards ? (
<div className='flex justify-center py-8'> <div className='flex justify-center py-8'>
<span className='loading loading-spinner loading-lg'></span> <span className='loading loading-spinner loading-lg'></span>
@@ -2802,6 +2803,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
<Table<FcrStandard> <Table<FcrStandard>
data={fcrStandards} data={fcrStandards}
columns={fcrStandardColumns} columns={fcrStandardColumns}
pageSize={100}
className={{ className={{
tableWrapperClassName: 'overflow-x-auto', tableWrapperClassName: 'overflow-x-auto',
tableClassName: 'w-full table-auto text-sm', tableClassName: 'w-full table-auto text-sm',