BaseScan util

IAmKio · Mar 16, 2024 · 334ab3f · 334ab3f
1 parent 014400d
commit 334ab3f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/.github/workflows/firebase-hosting-merge.yml b/.github/workflows/firebase-hosting-merge.yml
@@ -22,6 +22,7 @@ jobs:
           REACT_APP_CHAIN_ID: 84532
           REACT_APP_ASSET_SYMBOL: BASE
           REACT_APP_NATIVE_ASSET_PRICE_CHAIN_ID: 8453
+          REACT_APP_BASESCAN_KEY: "${{ secrets.BASESCAN_KEY }}"
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: "${{ secrets.GITHUB_TOKEN }}"

diff --git a/frontend/src/components/Profile/Profile.js b/frontend/src/components/Profile/Profile.js
@@ -15,6 +15,7 @@ import {
 } from "@mui/joy";
 import React, { useState } from "react";
 import Identicon from "react-hooks-identicons";
+import fetchAccountBalance from "../../services/BaseScan";
 import { useGetJarsQuery, useUpdateJarsMutation } from "../../services/api";
 
 export default function Profile() {
@@ -37,12 +38,17 @@ export default function Profile() {
     );
     setFetchedBalance(fetchedBalances);
   };
+  const baseAccountBalance = async (address) => {
+    const balance = await fetchAccountBalance(address);
+    setFetchedBalance(balance);
+  };
 
   React.useEffect(() => {
     if (jarsData) {
       setHandle(jarsData.handle);
+      baseAccountBalance(jarsData.etherspotAddress);
     }
-    fetchedBalancesAction();
+    // fetchedBalancesAction();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [jarsData]);
 
@@ -110,8 +116,7 @@ export default function Profile() {
             fontFamily={"monospace"}
             textAlign={"center"}
           >
-            {fetchedBalance?.length &&
-              etherspotUtils.parseBigNumber(fetchedBalance[0].balance)}
+            {fetchedBalance && etherspotUtils.parseBigNumber(fetchedBalance)}
           </Typography>
         </Box>
       )}

diff --git a/frontend/src/services/BaseScan.js b/frontend/src/services/BaseScan.js
@@ -0,0 +1,7 @@
+export default function fetchAccountBalance(address) {
+  return fetch(
+    `https://api-sepolia.basescan.org/api?module=account&action=balance&address=${address}&tag=latest&apikey=${process.env.REACT_APP_BASESCAN_KEY}`
+  )
+    .then((res) => res.json())
+    .then((data) => data.result);
+}