feat: apply diamond to home and market pages

packages/dapp/components/redeem/lib/use-prices.ts

@@ -1,28 +1,40 @@
-import useDeployedContracts from "@/components/lib/hooks/contracts/use-deployed-contracts";
-import useManagerManaged from "@/components/lib/hooks/contracts/use-manager-managed";
+import { getIMetaPoolContract } from "@/components/utils/contracts";
+import useProtocolContracts from "@/components/lib/hooks/contracts/use-protocol-contracts";
+import useWeb3 from "@/components/lib/hooks/use-web-3";
 import { BigNumber, utils } from "ethers";
 import { useEffect, useState } from "react";
 
 const usePrices = (): [BigNumber | null, BigNumber | null, () => Promise<void>] => {
-  const deployedContracts = useDeployedContracts();
-  const managedContracts = useManagerManaged();
+  const protocolContracts = useProtocolContracts();
+  const { provider } = useWeb3();
 
   const [twapPrice, setTwapPrice] = useState<BigNumber | null>(null);
   const [spotPrice, setSpotPrice] = useState<BigNumber | null>(null);
 
   async function refreshPrices() {
-    if (managedContracts && deployedContracts) {
-      const dollarTokenAddress = await deployedContracts.manager.dollarTokenAddress();
-      const newTwapPrice = await managedContracts.dollarTwapOracle.consult(dollarTokenAddress);
-      const newSpotPrice = await managedContracts.dollarMetapool["get_dy(int128,int128,uint256)"](0, 1, utils.parseEther("1"));
-      setTwapPrice(newTwapPrice);
-      setSpotPrice(newSpotPrice);
+    try {
+      if(!protocolContracts || !provider) {
+        return;
+      }
+
+      if(protocolContracts.managerFacet && protocolContracts.twapOracleDollar3poolFacet) {
+        const dollarTokenAddress = await protocolContracts.managerFacet.dollarTokenAddress();
+        const newTwapPrice = await protocolContracts.twapOracleDollar3poolFacet.consult(dollarTokenAddress);
+        const dollar3poolMarket = await protocolContracts.managerFacet.stableSwapMetaPoolAddress();
+        const dollarMetapool = getIMetaPoolContract(dollar3poolMarket, provider)
+        const newSpotPrice = await dollarMetapool["get_dy(int128,int128,uint256)"](0, 1, utils.parseEther("1"));
+        setTwapPrice(newTwapPrice);
+        setSpotPrice(newSpotPrice);
+      }
+
+    } catch (error) {
+      console.log("Error in refreshPrices: ", error)
     }
   }
 
   useEffect(() => {
     refreshPrices();
-  }, [managedContracts, deployedContracts]);
+  }, [protocolContracts, provider]);
 
   return [twapPrice, spotPrice, refreshPrices];
 };

packages/dapp/pages/index.tsx

@@ -2,7 +2,7 @@ import { ethers } from "ethers";
 import { FC, useState } from "react";
 import "@uniswap/widgets/fonts.css";
 
-import useManagerManaged from "@/components/lib/hooks/contracts/use-manager-managed";
+import useProtocolContracts from "@/components/lib/hooks/contracts/use-protocol-contracts";
 import useEffectAsync from "@/components/lib/hooks/use-effect-async";
 import DollarPrice from "@/components/redeem/dollar-price";
 import { fetchData } from "@/components/utils/local-data";
@@ -12,21 +12,21 @@ const WalletConnectionWall = dynamic(() => import("@/components/ui/wallet-connec
 
 const index: FC = (): JSX.Element => {
   const [twapPrice, setTwapPrice] = useState<ethers.BigNumber | null>(null);
-  const managedContracts = useManagerManaged();
+  const protocolContracts = useProtocolContracts();
 
   useEffectAsync(async () => {
-    if (managedContracts != null) {
+    if (protocolContracts != null) {
       try {
         console.log(twapPrice, "priced in ");
       } catch (error) {
         console.log("Error occurred while executing contract call", error);
         setTwapPrice(null);
       }
     } else {
-      console.log("managedContracts is null");
+      console.log("protocolContracts is null");
       setTwapPrice(null);
     }
-  }, [managedContracts]);
+  }, [protocolContracts]);
 
   if (process.env.DEBUG === "true") {
     fetchData();