[ISSUE-135]: Fix warning popup

BlueApp.js

@@ -595,7 +595,7 @@ class AppStorage {
       try {
         realm = await this.getRealm();
       } catch (error) {
-        alert(error.message);
+        console.error(`saveToDisk: getRealm: ${error.message}`);
       }
       for (const key of this.wallets) {
         if (typeof key === 'boolean') continue;
@@ -669,7 +669,6 @@ class AppStorage {
       realmkeyValue.close();
     } catch (error) {
       console.error('save to disk exception:', error.message);
-      alert('save to disk exception: ' + error.message);
       if (error.message.includes('Realm file decryption failed')) {
         console.warn('purging realm key-value database file');
         this.purgeRealmKeyValueFile();

blue_modules/clipboard.ts

@@ -25,10 +25,14 @@ const BlueClipboard = () => {
   };
 
   const getClipboardContent = async () => {
-    const isAllowed = await isReadClipboardAllowed();
-    if (isAllowed) {
-      return Clipboard.getString();
-    } else {
+    try {
+      const isAllowed = await isReadClipboardAllowed();
+      if (isAllowed) {
+        return Clipboard.getString();
+      } else {
+        return '';
+      }
+    } catch {
       return '';
     }
   };

screen/wallets/asset.js

@@ -17,6 +17,7 @@ import {
   I18nManager,
   useWindowDimensions,
   TouchableOpacity,
+  AppState,
 } from 'react-native';
 import { Icon } from 'react-native-elements';
 import { useRoute, useNavigation, useTheme, useFocusEffect } from '@react-navigation/native';
@@ -31,7 +32,6 @@ import { BlueStorageContext } from '../../blue_modules/storage-context';
 import { isDesktop } from '../../blue_modules/environment';
 import BlueClipboard from '../../blue_modules/clipboard';
 import { TransactionListItem } from '../../components/TransactionListItem';
-import alert from '../../components/Alert';
 import { ImageButton } from '../../components/ImageButton';
 import { DfxService, useDfxSessionContext } from '../../api/dfx/contexts/session.context';
 import BigNumber from 'bignumber.js';
@@ -75,7 +75,7 @@ const Asset = ({ navigation }) => {
     walletTransactionUpdateStatus,
     isElectrumDisabled,
     isDfxPos,
-    isDfxSwap
+    isDfxSwap,
   } = useContext(BlueStorageContext);
   const { name, params } = useRoute();
   const walletID = params.walletID;
@@ -95,6 +95,8 @@ const Asset = ({ navigation }) => {
   const [isHandlingOpenServices, setIsHandlingOpenServices] = useState(false);
   const [changeAddress, setChangeAddress] = useState('');
   const [fContainerHeight, setFContainerHeight] = useState(0);
+  const txRefreshInterval = useRef(null);
+  const elapsedTimeInterval = useRef(null);
 
   const getButtonImages = lang => {
     switch (lang) {
@@ -155,10 +157,22 @@ const Asset = ({ navigation }) => {
     return txs.slice(0, lmt);
   };
 
+  const clearElapsedTimeInterval = () => {
+    if (elapsedTimeInterval.current) {
+      clearInterval(elapsedTimeInterval.current);
+      elapsedTimeInterval.current = null;
+    }
+  };
+
+  const setElapsedTimeInterval = () => {
+    clearElapsedTimeInterval();
+    elapsedTimeInterval.current = setInterval(() => setTimeElapsed(prev => prev + 1), 60000);
+  };
+
   useEffect(() => {
-    const interval = setInterval(() => setTimeElapsed(prev => prev + 1), 60000);
+    setElapsedTimeInterval();
     return () => {
-      clearInterval(interval);
+      clearElapsedTimeInterval();
     };
   }, []);
 
@@ -170,12 +184,46 @@ const Asset = ({ navigation }) => {
     }
   }, []);
 
-  useEffect(() => {
-    const refreshingInterval = setInterval(() => {
+  const clearTxRefreshInterval = () => {
+    if (txRefreshInterval.current) {
+      clearInterval(txRefreshInterval.current);
+      txRefreshInterval.current = null;
+    }
+  };
+
+  const setTxRefreshInterval = () => {
+    clearTxRefreshInterval();
+    txRefreshInterval.current = setInterval(() => {
       refreshTransactions();
     }, 20 * 1000);
+  };
+
+  useEffect(() => {
+    setTxRefreshInterval();
+    return () => {
+      clearTxRefreshInterval();
+    };
+  }, []);
+
+  const appState = useRef(AppState.currentState);
+
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextAppState => {
+      if (appState.current === 'active' && nextAppState.match(/inactive|background/)) {
+        clearTxRefreshInterval();
+        clearElapsedTimeInterval();
+      }
+
+      if (appState.current.match(/inactive|background/) && nextAppState === 'active') {
+        setTxRefreshInterval();
+        setElapsedTimeInterval();
+      }
+
+      appState.current = nextAppState;
+    });
+
     return () => {
-      clearInterval(refreshingInterval);
+      subscription.remove();
     };
   }, []);
 
@@ -356,7 +404,6 @@ const Asset = ({ navigation }) => {
       console.log(wallet.getLabel(), 'fetch tx took', (end - start) / 1000, 'sec');
     } catch (err) {
       noErr = false;
-      alert(err.message);
       setIsLoading(false);
       setTimeElapsed(prev => prev + 1);
     }

screen/wallets/home.js

@@ -13,6 +13,7 @@ import {
   View,
   I18nManager,
   useWindowDimensions,
+  AppState,
 } from 'react-native';
 import { Icon } from 'react-native-elements';
 import { useRoute, useNavigation, useTheme } from '@react-navigation/native';
@@ -26,7 +27,6 @@ import loc, { formatBalance } from '../../loc';
 import { FContainer, FButton } from '../../components/FloatButtons';
 import { BlueStorageContext } from '../../blue_modules/storage-context';
 import BlueClipboard from '../../blue_modules/clipboard';
-import alert from '../../components/Alert';
 import TransactionsNavigationHeader from '../../components/TransactionsNavigationHeader';
 import PropTypes from 'prop-types';
 import DeeplinkSchemaMatch from '../../class/deeplink-schema-match';
@@ -60,6 +60,7 @@ const WalletHome = ({ navigation }) => {
   const { colors, scanImage } = useTheme();
   const walletActionButtonsRef = useRef();
   const { width } = useWindowDimensions();
+  const balanceRefreshInterval = useRef(null);
 
   const wallet = useMemo(() => wallets.find(w => w.getID() === walletID), [wallets, walletID]);
   const totalWallet = useMemo(() => {
@@ -108,12 +109,40 @@ const WalletHome = ({ navigation }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [wallets]);
 
-  useEffect(() => {
+  const clearBalanceRefreshInterval = () => {
+    if (balanceRefreshInterval.current) {
+      clearInterval(balanceRefreshInterval.current);
+      balanceRefreshInterval.current = null;
+    }
+  };
+
+  const setBalanceRefreshInterval = () => {
     if (!wallets) return;
-    const interval = setInterval(() => {
+    clearBalanceRefreshInterval();
+    balanceRefreshInterval.current = setInterval(() => {
       refreshBalances().catch(console.error);
     }, 20 * 1000);
-    return () => clearInterval(interval);
+  };
+
+  useEffect(() => {
+    setBalanceRefreshInterval();
+    return () => {
+      clearBalanceRefreshInterval();
+    };
+  }, []);
+
+  const appState = useRef(AppState.currentState);
+
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextAppState => {
+      if (appState.current === 'active' && nextAppState.match(/inactive|background/)) clearBalanceRefreshInterval();
+      if (appState.current.match(/inactive|background/) && nextAppState === 'active') setBalanceRefreshInterval();
+      appState.current = nextAppState;
+    });
+
+    return () => {
+      subscription.remove();
+    };
   }, []);
 
   /**
@@ -135,7 +164,6 @@ const WalletHome = ({ navigation }) => {
       }
     } catch (err) {
       noErr = false;
-      alert(err.message);
       setIsLoading(false);
     }
 
@@ -154,7 +182,7 @@ const WalletHome = ({ navigation }) => {
       const oldBalance = w.getBalance();
       await w.fetchBalance();
       return oldBalance !== w.getBalance();
-    } catch (_) { }
+    } catch (_) {}
   };
 
   const navigateToSendScreen = () => {
@@ -175,16 +203,16 @@ const WalletHome = ({ navigation }) => {
           params: {
             psbtBase64: psbt.toBase64(),
             walletID: multisigWallet.getID(),
-          }
+          },
         });
       }
-    } catch (_) { }
-  }
+    } catch (_) {}
+  };
 
   const onBarScanned = value => {
     if (!value) return;
 
-    if(BoltCard.isPossiblyBoltcardTapDetails(value)) {
+    if (BoltCard.isPossiblyBoltcardTapDetails(value)) {
       navigate('TappedCardDetails', { tappedCardDetails: value });
       return;
     }
@@ -251,7 +279,7 @@ const WalletHome = ({ navigation }) => {
       const buttons = [
         {
           text: loc._.cancel,
-          onPress: () => { },
+          onPress: () => {},
           style: 'cancel',
         },
         {
@@ -299,7 +327,6 @@ const WalletHome = ({ navigation }) => {
     scanqrHelper(navigate, name, false).then(d => onBarScanned(d));
   };
 
-
   const navigateToAddMultisig = () => {
     navigate('WalletsRoot', {
       screen: 'WalletsAddMultisig',