update queries inline with new ponder update (#5)

BuidlGuidl · Jan 6, 2025 · c5b0e3b · c5b0e3b
1 parent 30d3bce
commit c5b0e3b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/packages/nextjs/hooks/useCohortAddBuilderEvents.ts b/packages/nextjs/hooks/useCohortAddBuilderEvents.ts
@@ -4,7 +4,9 @@ import contracts from "~~/generated/hardhat_contracts";
 const BuildersQuery = gql`
   query Builders($cohortAddress: String!) {
     cohortBuilders(where: { cohortContractAddress: $cohortAddress }, orderBy: "timestamp", orderDirection: "desc") {
-      id
+      items {
+        id
+      }
     }
   }
 `;
@@ -17,6 +19,6 @@ export const useAddBuilderEvents = () => {
     },
   });
 
-  const data = addBuilderEventsData?.cohortBuilders || [];
+  const data = addBuilderEventsData?.cohortBuilders.items || [];
   return { data, isLoading };
 };
diff --git a/packages/nextjs/hooks/useCohortWithdrawEvents.ts b/packages/nextjs/hooks/useCohortWithdrawEvents.ts
@@ -4,11 +4,13 @@ import contracts from "~~/generated/hardhat_contracts";
 const WithdrawalsQuery = gql`
   query Withdrawls($cohortAddress: String!) {
     cohortWithdrawals(where: { cohortContractAddress: $cohortAddress }, orderBy: "timestamp", orderDirection: "desc") {
-      reason
-      builder
-      amount
-      timestamp
-      id
+      items {
+        reason
+        builder
+        amount
+        timestamp
+        id
+      }
     }
   }
 `;
@@ -21,7 +23,7 @@ export const useCohortWithdrawEvents = () => {
     },
   });
 
-  const newContractWithdrawEvents = newWithdrawEventsData?.cohortWithdrawals || [];
+  const newContractWithdrawEvents = newWithdrawEventsData?.cohortWithdrawals.items || [];
 
   const data = [...newContractWithdrawEvents];
 

diff --git a/packages/nextjs/pages/members.tsx b/packages/nextjs/pages/members.tsx
@@ -40,10 +40,14 @@ const Members: NextPage = () => {
 
   useEffect(() => {
     if (selectedAddress) {
-      setFilteredEvents(allWithdrawEvents?.filter((event: any) => event.builder === selectedAddress) || []);
+      setFilteredEvents(
+        allWithdrawEvents?.filter((event: any) => {
+          return event.builder.toLowerCase() === selectedAddress.toLowerCase();
+        }) || [],
+      );
     }
-  }, [selectedAddress, allWithdrawEvents]);
-
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedAddress]);
   return (
     <>
       <div className="max-w-3xl px-4 py-8">