Merge pull request #1 from BuidlGuidl/ponder-update

update queries inline with ponder update

Author: carletex

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 };
 };

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
+      }
     }
   }
 `;
@@ -28,7 +30,7 @@ export const useCohortWithdrawEvents = () => {
   //   },
   // });
 
-  const newContractWithdrawEvents = newWithdrawEventsData?.cohortWithdrawals || [];
+  const newContractWithdrawEvents = newWithdrawEventsData?.cohortWithdrawals.items || [];
   //const oldContractWithdrawEvents = oldWithdrawEventsData?.cohortWithdrawals || [];
 
   const data = [...newContractWithdrawEvents /*, ...oldContractWithdrawEvents*/];

packages/nextjs/pages/members.tsx

@@ -40,9 +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 (
     <>