refactor(suite): optimize how often fees are fetched in send form

packages/suite/src/hooks/wallet/useFees.ts

@@ -0,0 +1,33 @@
+import { useDispatch } from 'react-redux';
+import { useCallback, useEffect } from 'react';
+
+import { NetworkSymbol } from "@suite-common/wallet-config";
+import {
+  updateFeeInfoThunk,
+} from '@suite-common/wallet-core';
+
+const networkToInterval = (symbol: NetworkSymbol): number => {
+  switch (symbol) {
+    case 'pol':
+      return 1000;
+    default:
+      return 10000;
+  }
+}
+
+export const useFees = (symbol: NetworkSymbol) => {
+  const dispatch = useDispatch();
+
+  const refreshFees = useCallback(() => {
+    dispatch(updateFeeInfoThunk(symbol))
+  }, [dispatch, symbol])
+
+  useEffect(() => {
+    refreshFees();
+    const interval = setInterval(refreshFees, networkToInterval(symbol));
+
+    return () => {
+      clearInterval(interval)
+    }
+  }, [refreshFees, symbol])
+}

packages/suite/src/views/wallet/send/index.tsx

@@ -9,6 +9,7 @@ import { spacingsPx } from '@trezor/theme';
 import { useSelector } from 'src/hooks/suite';
 import { WalletLayout } from 'src/components/wallet';
 import { useSendForm, SendContext, UseSendFormProps } from 'src/hooks/wallet/useSendForm';
+import { useFees } from 'src/hooks/wallet/useFees';
 import {
     selectTargetAnonymityByAccountKey,
     selectRegisteredUtxosByAccountKey,
@@ -78,6 +79,8 @@ const SendLoaded = ({ children, selectedAccount }: SendLoadedProps) => {
 
     const { symbol } = selectedAccount.account;
 
+    useFees(symbol);
+
     if (props.sendRaw) {
         return (
             <WalletLayout title="TR_NAV_SEND" isSubpage account={selectedAccount}>

suite-common/wallet-core/src/blockchain/blockchainMiddleware.ts

@@ -7,7 +7,6 @@ import {
     onBlockchainConnectThunk,
     onBlockMinedThunk,
     onBlockchainNotificationThunk,
-    updateFeeInfoThunk,
     onBlockchainDisconnectThunk,
 } from './blockchainThunks';
 
@@ -31,7 +30,6 @@ export const prepareBlockchainMiddleware = createMiddlewareWithExtraDeps(
                 }
                 break;
             case TREZOR_CONNECT_BLOCKCHAIN_ACTIONS.BLOCK:
-                dispatch(updateFeeInfoThunk(action.payload.coin.shortcut));
                 dispatch(onBlockMinedThunk(action.payload));
                 // cardano stuff
                 dispatch(

suite-common/wallet-core/src/blockchain/blockchainThunks.ts

@@ -33,7 +33,6 @@ import { selectAccounts } from '../accounts/accountsReducer';
 import { fetchAndUpdateAccountThunk } from '../accounts/accountsThunks';
 import { BLOCKCHAIN_MODULE_PREFIX, blockchainActions } from './blockchainActions';
 import { selectBlockchainState, selectNetworkBlockchainInfo } from './blockchainReducer';
-import { selectNetworkFeeInfo } from '../fees/feesReducer';
 
 const DEFAULT_ACCOUNT_SYNC_INTERVAL = 60 * 1000;
 
@@ -108,14 +107,6 @@ export const updateFeeInfoThunk = createThunk(
         const network = getNetworkOptional(symbol.toLowerCase());
         if (!network) return;
         const blockchainInfo = selectNetworkBlockchainInfo(getState(), network.symbol);
-        const feeInfo = selectNetworkFeeInfo(getState(), network.symbol);
-
-        if (
-            feeInfo &&
-            feeInfo.blockHeight > 0 &&
-            blockchainInfo.blockHeight - feeInfo.blockHeight < 10
-        )
-            return;
 
         let newFeeInfo;