fix: load transactions only when needed

Author: ignaciosantise

.changeset/empty-mangos-push.md

@@ -0,0 +1,18 @@
+---
+'@reown/appkit-coinbase-ethers-react-native': patch
+'@reown/appkit-coinbase-wagmi-react-native': patch
+'@reown/appkit-scaffold-utils-react-native': patch
+'@reown/appkit-auth-ethers-react-native': patch
+'@reown/appkit-auth-wagmi-react-native': patch
+'@reown/appkit-scaffold-react-native': patch
+'@reown/appkit-ethers5-react-native': patch
+'@reown/appkit-common-react-native': patch
+'@reown/appkit-ethers-react-native': patch
+'@reown/appkit-wagmi-react-native': patch
+'@reown/appkit-core-react-native': patch
+'@reown/appkit-siwe-react-native': patch
+'@reown/appkit-ui-react-native': patch
+'@reown/appkit-wallet-react-native': patch
+---
+
+fix: load transactions when needed

packages/scaffold/src/modal/w3m-modal/index.tsx

@@ -71,7 +71,6 @@ export function AppKit() {
 
       const newAddress = CoreHelperUtil.getPlainAddress(address);
       TransactionsController.resetTransactions();
-      TransactionsController.fetchTransactions(newAddress, true);
 
       if (OptionsController.state.isSiweEnabled) {
         const newNetworkId = CoreHelperUtil.getNetworkId(address);

packages/scaffold/src/partials/w3m-account-activity/index.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useSnapshot } from 'valtio';
 import { ScrollView, View, type StyleProp, type ViewStyle, RefreshControl } from 'react-native';
 import {
@@ -58,6 +58,12 @@ export function AccountActivity({ style }: Props) {
     return TransactionsController.getTransactionsByYearAndMonth(transactions as Transaction[]);
   }, [transactions]);
 
+  useEffect(() => {
+    if (!TransactionsController.state.transactions.length) {
+      TransactionsController.fetchTransactions(AccountController.state.address, true);
+    }
+  }, []);
+
   if (loading && !transactions.length) {
     return (
       <FlexView style={[styles.placeholder, style]} alignItems="center" justifyContent="center">