From 9a5e2987d5de84f7fc76138a0c1e627d9c058e8d Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 24 Feb 2026 15:22:06 +0700
Subject: [PATCH] refactor(FE): Conditionally load data based on filter modal
 state

---
 .../pages/production/recording/RecordingTable.tsx     | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 13737cf3..752ae1d1 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -313,7 +313,7 @@ const RecordingTable = () => {
     isLoadingOptions: isLoadingLocationOptions,
     loadMore: loadMoreLocations,
   } = useSelect<Location>(
-    LocationApi.basePath,
+    filterModal.open ? LocationApi.basePath : null,
     'id',
     'name',
     'search',
@@ -325,7 +325,12 @@ const RecordingTable = () => {
     options: areaOptions,
     isLoadingOptions: isLoadingAreaOptions,
     loadMore: loadMoreAreas,
-  } = useSelect<Area>(AreaApi.basePath, 'id', 'name', 'search');
+  } = useSelect<Area>(
+    filterModal.open ? AreaApi.basePath : null,
+    'id',
+    'name',
+    'search'
+  );
 
   const projectFlockParams = useMemo(() => {
     if (filterProjectFlockLocationId) {
@@ -341,7 +346,7 @@ const RecordingTable = () => {
     isLoadingOptions: isLoadingProjectFlocks,
     loadMore: loadMoreProjectFlocks,
   } = useSelect(
-    ProjectFlockApi.basePath,
+    filterModal.open ? ProjectFlockApi.basePath : null,
     'id',
     'flock_name',
     'search',