feat: added total supply fetching, temporarily removed protocol history

DLC-link · Dec 5, 2023 · f9a54f6 · f9a54f6
1 parent e63740b
commit f9a54f6
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 21 deletions.
diff --git a/src/app/components/protocol-history/protocol-history.tsx b/src/app/components/protocol-history/protocol-history.tsx
@@ -1,15 +1,15 @@
-import { Text, VStack } from "@chakra-ui/react";
+// import { Text, VStack } from "@chakra-ui/react";
 
-import { exampleProtocolHistoryItems } from "@shared/examples/example-protocol-history-items";
+// import { exampleProtocolHistoryItems } from "@shared/examples/example-protocol-history-items";
 
-import { ProtocolHistoryItem } from "./components/protocol-history-item";
+// import { ProtocolHistoryItem } from "./components/protocol-history-item";
 import { ProtocolHistoryLayout } from "./components/protocol-history.layout";
-import { scrollBarCSS } from "../../../styles/css-styles";
+// import { scrollBarCSS } from "../../../styles/css-styles";
 
 export function ProtocolHistory(): React.JSX.Element {
   return (
     <ProtocolHistoryLayout>
-      <Text alignContent={"start"} color={"white.01"} fontSize={"lg"}>
+      {/* <Text alignContent={"start"} color={"white.01"} fontSize={"lg"}>
         Protocol History
       </Text>
       <VStack
@@ -22,7 +22,7 @@ export function ProtocolHistory(): React.JSX.Element {
         {exampleProtocolHistoryItems.map((item) => (
           <ProtocolHistoryItem key={item.id} {...item} />
         ))}
-      </VStack>
+      </VStack> */}
     </ProtocolHistoryLayout>
   );
 }
diff --git a/src/app/hooks/use-ethereum.ts b/src/app/hooks/use-ethereum.ts
@@ -106,10 +106,10 @@ export function useEthereum(): UseEthereumReturnType {
   }
 
   async function getTotalSupply() {
-    const provider = ethers.providers.getDefaultProvider('https://testrpc.x1.tech')
+    const provider = ethers.providers.getDefaultProvider('https://ethereum-sepolia.publicnode.com/')
     const branchName = import.meta.env.VITE_ETHEREUM_DEPLOYMENT_BRANCH;
     const contractVersion = import.meta.env.VITE_ETHEREUM_DEPLOYMENT_VERSION;
-    const deploymentPlanURL = `https://raw.githubusercontent.com/DLC-link/dlc-solidity/${branchName}/deploymentFiles/x1test/v${contractVersion}/DLCBTC.json`;
+    const deploymentPlanURL = `https://raw.githubusercontent.com/DLC-link/dlc-solidity/${branchName}/deploymentFiles/sepolia/v${contractVersion}/DLCBTC.json`;
 
     try {
       const response = await fetch(deploymentPlanURL);
@@ -126,10 +126,8 @@ export function useEthereum(): UseEthereumReturnType {
         true,
       ));
     } catch (error) {
-      console.log('error', error)
-
       throw new EthereumError(
-        `Could not fetch deployment info for ${'asdkasdkads'} on ${'asdasd'}`,
+        `Could not fetch total supply info: ${error}}`,
       );
     }}
 

diff --git a/src/app/hooks/use-observer.ts b/src/app/hooks/use-observer.ts
@@ -1,17 +1,16 @@
-import { Dispatch, useEffect } from "react";
-import { useSelector } from "react-redux";
+import { useEffect } from "react";
+import { useDispatch, useSelector } from "react-redux";
 
+import { VaultState } from "@models/vault";
 import { RootState } from "@store/index";
 import { mintUnmintActions } from "@store/slices/mintunmint/mintunmint.actions";
-import { AnyAction } from "redux";
-import { UseEthereumReturnType } from "./use-ethereum";
 import { modalActions } from "@store/slices/modal/modal.actions";
-import { VaultState } from "@models/vault";
+import { UseEthereumReturnType } from "./use-ethereum";
 
 export function useObserver(
   ethereum: UseEthereumReturnType,
-  dispatch: Dispatch<AnyAction>,
 ): void {
+  const dispatch = useDispatch();
   const { address, network } = useSelector((state: RootState) => state.account);
   const {
     protocolContract,

diff --git a/src/app/providers/blockchain-context-provider.tsx b/src/app/providers/blockchain-context-provider.tsx
@@ -1,5 +1,4 @@
 import React, { createContext } from "react";
-import { useDispatch } from "react-redux";
 
 import { UseBitcoinReturnType, useBitcoin } from "@hooks/use-bitcoin";
 import { UseEthereumReturnType, useEthereum } from "@hooks/use-ethereum";
@@ -17,11 +16,10 @@ export const BlockchainContext = createContext<BlockchainContextType | null>(
 export function BlockchainContextProvider({
   children,
 }: HasChildren): React.JSX.Element {
-  const dispatch = useDispatch();
   const ethereum = useEthereum();
   const bitcoin = useBitcoin();
 
-  useObserver(ethereum, dispatch);
+  useObserver(ethereum);
 
   return (
     <BlockchainContext.Provider value={{ ethereum, bitcoin }}>

diff --git a/src/app/store/slices/modal/modal.slice.ts b/src/app/store/slices/modal/modal.slice.ts
@@ -18,7 +18,6 @@ export const modalSlice = createSlice({
       state.isSelectWalletModalOpen = !state.isSelectWalletModalOpen;
     },
     toggleSuccessfulFlowModalVisibility: (state, action) => {
-      console.log(action.payload);
       state.isSuccesfulFlowModalOpen = [
         !state.isSuccesfulFlowModalOpen[0],
         action.payload,