Changes to load the BNB Testnet Anchorage txs

src/containers/Bridging/index.tsx

@@ -31,14 +31,15 @@ const Bridging = () => {
   useBridgeCleanUp()
   useBridgeAlerts()
   const accountEnabled = useSelector(selectAccountEnabled())
-  const { isAnchorageEnabled } = useNetworkInfo()
+  const { isAnchorageEnabled, isActiveNetworkBnbTestnet } = useNetworkInfo()
 
   const reenterWithdrawConfig = useSelector(selectReenterWithdrawalConfig())
 
   useEffect(() => {
     const triggerReenterCheck = async () => {
       const config = await checkBridgeWithdrawalReenter(
-        networkService as MinimalNetworkService
+        networkService as MinimalNetworkService,
+        isActiveNetworkBnbTestnet
       )
       if (config) {
         dispatch(setReenterWithdrawalConfig(config))

src/containers/history/History.tsx

@@ -169,6 +169,7 @@ const History = () => {
     syncTransactions()
   }, [])
 
+  // TODO: setup tx with refresh option.
   // useInterval(syncTransactions, POLL_INTERVAL)
 
   return (

src/containers/history/TransactionsResolver.tsx

@@ -41,13 +41,15 @@ import {
   TRANSACTION_FILTER_STATUS,
   TRANSACTION_STATUS,
 } from './types'
+import { useNetworkInfo } from 'hooks/useNetworkInfo'
 
 export const TransactionsResolver: React.FC<ITransactionsResolverProps> = ({
   transactions,
   transactionsFilter,
   loading = false,
 }) => {
   const dispatch = useDispatch<any>()
+  const { isActiveNetworkBnb, isActiveNetworkBnbTestnet } = useNetworkInfo()
   const [currentTransactions, setCurrentTransactions] = useState<
     ITransaction[]
   >([])
@@ -179,6 +181,15 @@ export const TransactionsResolver: React.FC<ITransactionsResolverProps> = ({
       symbol: 'ETH',
       decimals: 18,
     }
+
+    if (isActiveNetworkBnb || isActiveNetworkBnbTestnet) {
+      token = {
+        name: 'BNB',
+        symbol: 'BNB',
+        decimals: 18,
+      }
+    }
+
     if (
       TokenInfo[transaction.originChainId.toString()]?.[
         transaction?.action?.token?.toLowerCase()

src/hooks/useNetworkInfo/index.ts

@@ -29,7 +29,6 @@ export const useNetworkInfo = () => {
     } else {
       setIsActiveNetworkSepolia(false)
     }
-
     if (network === Network.BNB && networkType === NetworkType.TESTNET) {
       setIsActiveNetworkBnbTestnet(true)
     } else {
@@ -41,12 +40,6 @@ export const useNetworkInfo = () => {
     } else {
       setIsActiveNetworkBnb(false)
     }
-
-    return () => {
-      setIsAnchorageEnabled(false)
-      setIsActiveNetworkBnb(false)
-      setIsActiveNetworkBnbTestnet(false)
-    }
   }, [network, networkType])
 
   return {

src/services/transaction.service.ts

@@ -12,6 +12,8 @@ import {
   AllNetworkConfigs,
   CHAIN_ID_LIST,
   getRpcUrlByChainId,
+  Network,
+  NetworkType,
 } from 'util/network/network.util'
 import { NetworkDetailChainConfig } from '../util/network/config/network-details.types'
 import networkService from './networkService'
@@ -28,7 +30,8 @@ interface ICrossDomainMessage {
 
 class TransactionService {
   async fetchAnchorageTransactions(
-    networkConfig = networkService.networkConfig
+    networkConfig = networkService.networkConfig,
+    isActiveNetworkBnb = false
   ): Promise<any[]> {
     const address = await networkService.provider?.getSigner().getAddress()
     if (!address) {
@@ -40,7 +43,8 @@ class TransactionService {
           networkService.L1Provider,
           networkService.L2Provider,
           address,
-          networkConfig!
+          networkConfig!,
+          isActiveNetworkBnb
         )
 
       const depositTransactions =
@@ -127,7 +131,7 @@ class TransactionService {
    *
    */
   async getTransactions() {
-    console.log(`loading tx`)
+    console.log(`loading tx `)
     const networksArray = Array.from(Object.values(AllNetworkConfigs))
     const networkConfigsArray = networksArray.flatMap((network) => {
       return [network.Testnet, network.Mainnet]
@@ -142,10 +146,20 @@ class TransactionService {
         // check for ethereum and invoke anchorage data.
         // [sepolia, bnb tesnet, eth mainnet]
         if (
-          [11155111, 97, 1].includes(config.L1.chainId) ||
-          [28882, 9728, 288].includes(config.L2.chainId)
+          networkService.network === Network.BNB &&
+          networkService.networkType === NetworkType.TESTNET
+        ) {
+          if (
+            [97].includes(config.L1.chainId) ||
+            [9728].includes(config.L2.chainId)
+          ) {
+            promiseCalls.push(this.fetchAnchorageTransactions(config, true))
+          }
+        } else if (
+          [11155111, 1].includes(config.L1.chainId) ||
+          [28882, 288].includes(config.L2.chainId)
         ) {
-          promiseCalls.push(this.fetchAnchorageTransactions(config))
+          promiseCalls.push(this.fetchAnchorageTransactions(config, false))
         }
 
         // invoke watcher only for BNB mainnet