From 4285e2e26963eefd254ea2c8dbf21c6429e83410 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 15 Jan 2026 16:16:32 +0700
Subject: [PATCH] refactor(FE): Enable backdrop close and set FCR table
 pageSize

---
 .../pages/production/recording/form/RecordingForm.tsx         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 3ea4ae42..67dae969 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -2773,6 +2773,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       {/* FCR Standard Modal */}
       <Modal
         ref={fcrStandardModal.ref}
+        closeOnBackdrop={true}
         className={{
           modal: 'p-0',
           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} />
             </Button>
           </div>
-          <div className='px-4 pb-4'>
+          <div className='px-4'>
             {isLoadingFcrStandards ? (
               <div className='flex justify-center py-8'>
                 <span className='loading loading-spinner loading-lg'></span>
@@ -2802,6 +2803,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               <Table<FcrStandard>
                 data={fcrStandards}
                 columns={fcrStandardColumns}
+                pageSize={100}
                 className={{
                   tableWrapperClassName: 'overflow-x-auto',
                   tableClassName: 'w-full table-auto text-sm',