move balance function call to global state

tauri-wallet/src/components/NavigationCards.tsx

@@ -18,10 +18,6 @@ export const BalanceCard = () => {
   const { balance, balanceError, balanceLoading, getBalance } =
     useContext(ClientContext)
 
-  useEffect(() => {
-    getBalance()
-  }, [])
-
   return (
     <div style={{ margin: theme.spacing(3) }}>
       <NymCard

tauri-wallet/src/context/main.tsx

@@ -1,6 +1,6 @@
-import { invoke } from '@tauri-apps/api/tauri'
 import React, { createContext, useEffect, useState } from 'react'
 import { useHistory } from 'react-router-dom'
+import { invoke } from '@tauri-apps/api/tauri'
 import { TBalance, TClientDetails } from '../types/global'
 
 type TClientContext = {
@@ -40,6 +40,10 @@ export const ClientContextProvider = ({
     }, 1000)
   }
 
+  useEffect(() => {
+    getBalance()
+  }, [])
+
   const logIn = (clientDetails: TClientDetails) =>
     setClientDetails(clientDetails)