refetch balance (#357)

src/helpers/NetworkMonitor.tsx

@@ -4,6 +4,7 @@ import { getOceanConfig } from './wrapRootElement'
 import { Logger } from '@oceanprotocol/lib'
 import { ConfigHelperConfig } from '@oceanprotocol/lib/dist/node/utils/ConfigHelper'
 
+const refreshInterval = 5000 // 5 sec.
 export function NetworkMonitor(): ReactElement {
   const {
     connect,
@@ -11,7 +12,8 @@ export function NetworkMonitor(): ReactElement {
     web3,
     networkId,
     config,
-    accountId
+    refreshBalance,
+    account
   } = useOcean()
 
   async function handleNetworkChanged(chainId: string | number) {
@@ -37,7 +39,16 @@ export function NetworkMonitor(): ReactElement {
       Logger.error(error.message)
     }
   }
+  useEffect(() => {
+    if (!account) return
 
+    refreshBalance()
+    const balanceInterval = setInterval(() => refreshBalance(), refreshInterval)
+
+    return () => {
+      clearInterval(balanceInterval)
+    }
+  }, [networkId, account])
   // Re-connect on mount when network is different from user network.
   // Bit nasty to just overwrite the initialConfig passed to OceanProvider
   // while it's connecting to that, but YOLO.

src/utils/profile.ts

@@ -89,7 +89,7 @@ export default async function get3BoxProfile(
     )
       return
 
-    Logger.log(`3Box profile found for ${accountId}`, response.data)
+    // Logger.log(`3Box profile found for ${accountId}`, response.data)
     const profile = transformResponse(response.data)
     return profile
     // eslint-disable-next-line no-empty