From a2d70e14178c489272d77509cf7adc979d83ca3a Mon Sep 17 00:00:00 2001
From: upendraTekdi <upendra_k@tekditechnologies.com>
Date: Wed, 18 Sep 2024 18:13:06 +0530
Subject: [PATCH] Task #223475: add react query for fetch cohort list , change
 url structure, update list after change district from first page

---
 src/pages/centers.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/centers.tsx b/src/pages/centers.tsx
index 829369e..b29434d 100644
--- a/src/pages/centers.tsx
+++ b/src/pages/centers.tsx
@@ -439,6 +439,8 @@ const Center: React.FC = () => {
         });
       }
     }
+    setPageOffset(Numbers.ZERO);
+    fetchUserList();
   };
   const handleBlockChange = (selected: string[], code: string[]) => {
     setSelectedBlock(selected);
@@ -792,7 +794,16 @@ const Center: React.FC = () => {
         },
       };
 
-      const result = await getCohortList(data);
+      // const result = await getCohortList(data);
+      const result = await queryClient.fetchQuery({
+        queryKey: [
+          QueryKeys.GET_COHORT_LIST,
+          data.limit,
+          data.offset,
+          data.filters,
+        ],
+        queryFn: () => getCohortList(data),
+      });
 
       if (!result || !result.results || !result.results.cohortDetails) {
         console.log("Invalid response structure or no cohort details found.");
@@ -822,10 +833,11 @@ const Center: React.FC = () => {
           "Incomplete location data (state, district, block) for the cohort."
         );
       }
+      
 
       if (urlData) {
         router.push(
-          `learners/${urlData.stateCode}/${urlData.districtCode}/${urlData.blockCode}/${urlData.type}`
+          `learners?state=${urlData.stateCode}&district=${urlData.districtCode}&block=${urlData.blockCode}&status=${urlData.type}`
         );
       }