add agent balance

src/pages/members/manage-members/ManageMembers.tsx

@@ -18,7 +18,7 @@ const BASE_URL_CUSTOMER = apiConfig.service_customer;
 const BASE_URL = apiConfig.service_customer;
 
 const ManageMembers = () => {
-  const [loading, setLoading] = useState(false);
+  // const [loading, setLoading] = useState(false);
   const [members, setMembers] = useState([]);
   const [selectedMember, setSelectedMember] = useState('');
   const [member, setMember] = useState(initialMember);
@@ -28,6 +28,9 @@ const ManageMembers = () => {
   const [dialogType, setDialogType] = useState('');
   const [groups, setGroups] = useState([]);
   const [isReloading, setIsReloading] = useState(false);
+  const [currentPage, setCurrentPage] = useState(0);
+  const [totalItems, setTotalItems] = useState(10);
+  
   const closeDialog = () => {
     setIsDialogOpen(false);
     setMember(initialMember);
@@ -36,6 +39,7 @@ const ManageMembers = () => {
 
   useEffect(() => {
     fetchCustomers();
+    fetchMasters();
   }, []);
   
   async function fetchCustomers(): Promise<void> {
@@ -44,7 +48,7 @@ const ManageMembers = () => {
       let customers = await axios.get(`${BASE_URL}/customer/list`, {
         params: {
           limit: 30,
-          page: 1,
+          page: 1 + currentPage,
           with_deleted: false,
           order_field: 'created_at',
           order_direction: 'DESC'
@@ -61,8 +65,17 @@ const ManageMembers = () => {
         return el;
       });
       setMembers(resMembers);
-      // setIsReloading(false);
+    } catch (error: any) {
+      toast.error(error.message);
+      console.log(error);
+    } finally {
+      setIsReloading(false);
+    }
+  }
 
+  async function fetchMasters(): Promise<void> {
+    setIsReloading(true);
+    try {
       let getProfession: any = await axios.get(`${BASE_URL_MASTER_DATA}/profession/list`, {
         params: {
           limit: 50,
@@ -87,7 +100,6 @@ const ManageMembers = () => {
       toast.error(error.message);
       console.log(error);
     } finally {
-      // setLoading(false);
       setIsReloading(false);
     }
   }
@@ -269,7 +281,7 @@ const ManageMembers = () => {
           )}
           <DataGridProvider
             data={members}
-            pagination={{ size: 10 }}
+            pagination={{ size: totalItems }}
             columns={getColumns(handleUpdate)}
             layout={{ card: true }}
             serverSide={false}