feat: matching estimates hook

Author: vacekj

packages/grant-explorer/package.json

@@ -60,7 +60,7 @@
     "@wagmi/core": "0.10.16",
     "@walletconnect/modal": "^2.5.9",
     "allo-indexer": "file:/Users/vacekj/Programming/allo-indexer",
-    "allo-indexer-client": "github:gitcoinco/allo-indexer-client#6220c4a7f6c7770117380581b2d0afb9abf0a4eb",
+    "allo-indexer-client": "github:gitcoinco/allo-indexer-client#035babb80621c67197e39bc98beeb1b457f9f676",
     "babel-loader": "^8.3.0",
     "buffer": "^6.0.3",
     "common": "workspace:*",

packages/grant-explorer/src/features/round/ViewCartPage/SummaryBox.tsx

@@ -2,21 +2,13 @@ import { BigNumber, ethers } from "ethers";
 import React, { useMemo } from "react";
 import { DonationInput, PayoutToken } from "../../api/types";
 import useSWR from "swr";
-import { Client } from "allo-indexer-client";
+import { Client, MatchingEstimate } from "allo-indexer-client";
 import { useParams } from "react-router-dom";
 import { useAccount, useNetwork } from "wagmi";
+import { getAddress } from "viem";
 
-export function useAlloIndexerClient(): Client {
-  const { chain } = useNetwork();
-
-  return useMemo(() => {
-    return new Client(
-      fetch.bind(window),
-      process.env.REACT_APP_ALLO_API_URL ?? "",
-      chain?.id ?? 1
-    );
-  }, [chain?.id]);
-}
+const replacer = (key: string, value: any) =>
+  typeof value === "bigint" ? value.toString() : value;
 
 export function useMatchingEstimates(
   roundId: string,
@@ -27,11 +19,32 @@ export function useMatchingEstimates(
     amount: bigint;
   }[]
 ) {
-  const client = useAlloIndexerClient();
-  console.log(client, roundId, chainId, potentialVotes);
-  return useSWR([roundId, chainId, "/estimates"], ([roundId]) => {
-    return client.getMatchingEstimations(roundId, chainId, potentialVotes);
-  });
+  return useSWR<MatchingEstimate[]>(
+    [
+      roundId,
+      chainId,
+      JSON.stringify({ potentialVotes }, replacer),
+      "/estimates",
+    ],
+    ([roundId, chainId, potentialVotes]) => {
+      return fetch(
+        `${
+          process.env.REACT_APP_ALLO_API_URL
+        }api/v1/chains/${chainId}/rounds/${getAddress(roundId)}/estimate`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: potentialVotes,
+        }
+      ).then((r) => {
+        if (r.ok) {
+          return r.json();
+        }
+      });
+    }
+  );
 }
 
 type SummaryBoxProps = {
@@ -50,25 +63,20 @@ export function Summary({
   const { chainId, roundId } = useParams();
   const { address } = useAccount();
 
-  const { data, error, isLoading } = useMatchingEstimates(
+  const donationsForEstimation = donations.map((donation) => ({
+    amount: BigInt(donation.amount),
+    recipient: donation.projectAddress,
+    contributor: address ?? "",
+  }));
+
+  console.log(donationsForEstimation);
+
+  const { data } = useMatchingEstimates(
     roundId!,
     chainId!,
-    donations.map((donation) => ({
-      amount: BigInt(donation.amount),
-      recipient: donation.projectAddress,
-      contributor: address ?? "",
-    }))
+    donationsForEstimation
   );
 
-  console.log("loading", isLoading);
-  if (error) {
-    console.log(
-      "error",
-      JSON.stringify(error, Object.getOwnPropertyNames(error))
-    );
-  }
-  console.log("data", data);
-
   if (!roundId || !chainId) {
     return null;
   }
@@ -81,6 +89,7 @@ export function Summary({
 
   const totalMatchingInUSD =
     data &&
+    data.length &&
     data
       ?.filter((estimate) => estimate.difference > 0)
       .map((estimate) => estimate.difference)
@@ -94,7 +103,7 @@ export function Summary({
         <p>
           <span data-testid={"totalDonation"} className="mr-2">
             {ethers.utils.formatUnits(
-              BigNumber.from(totalMatchingInUSD),
+              BigNumber.from(totalMatchingInUSD ?? 0),
               selectedPayoutToken.decimal
             )}
           </span>