From 1431682c43c28a66e590e4a6f0cbcd3ccd3751e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20Tranta?= <vojta.tranta@gmail.com>
Date: Fri, 7 Feb 2025 11:24:09 +0100
Subject: [PATCH] feat(suite): limit the pagination in trasancation of the end
 pages and go to end for networks with unrealiable transactions

---
 .../src/components/wallet/Pagination.tsx      | 28 +++++++++++--------
 .../TransactionList/TransactionList.tsx       |  3 ++
 .../TransactionList/WalletTransactionList.tsx |  2 ++
 suite-common/wallet-config/src/types.ts       | 12 ++++++++
 suite-common/wallet-config/src/utils.ts       | 18 +++++++-----
 5 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/packages/suite/src/components/wallet/Pagination.tsx b/packages/suite/src/components/wallet/Pagination.tsx
index 8251f75be71..bd5e25a6eca 100644
--- a/packages/suite/src/components/wallet/Pagination.tsx
+++ b/packages/suite/src/components/wallet/Pagination.tsx
@@ -53,6 +53,7 @@ interface PaginationProps {
     hasPages?: boolean;
     perPage: number;
     totalItems: number;
+    limitedPageList?: boolean;
     onPageSelected: (page: number) => void;
 }
 
@@ -63,6 +64,7 @@ export const Pagination = ({
     isLastPage,
     perPage,
     totalItems,
+    limitedPageList,
     ...rest
 }: PaginationProps) => {
     const totalPages = Math.ceil(totalItems / perPage);
@@ -98,17 +100,19 @@ export const Pagination = ({
             </Actions>
 
             {totalPages ? (
-                calculatedPages.map(i => (
-                    <PageItem
-                        key={i}
-                        data-testid={`@wallet/accounts/pagination/${i}`}
-                        data-test-activated={i === currentPage}
-                        onClick={() => onPageSelected(i)}
-                        $isActive={i === currentPage}
-                    >
-                        {i}
-                    </PageItem>
-                ))
+                calculatedPages
+                    .slice(0, limitedPageList ? currentPage + 2 : calculatedPages.length)
+                    .map(i => (
+                        <PageItem
+                            key={i}
+                            data-testid={`@wallet/accounts/pagination/${i}`}
+                            data-test-activated={i === currentPage}
+                            onClick={() => onPageSelected(i)}
+                            $isActive={i === currentPage}
+                        >
+                            {i}
+                        </PageItem>
+                    ))
             ) : (
                 <>
                     {[...Array(currentPage - 1)].map((_p, i) => (
@@ -131,7 +135,7 @@ export const Pagination = ({
 
             <Actions $isActive={currentPage < (totalPages || 1)}>
                 <PageItem onClick={() => onPageSelected(currentPage + 1)}>›</PageItem>
-                {totalPages && totalPages > 2 && (
+                {totalPages && totalPages > 2 && !limitedPageList && (
                     <PageItem onClick={() => onPageSelected(totalPages)}>»</PageItem>
                 )}
             </Actions>
diff --git a/packages/suite/src/views/wallet/transactions/TransactionList/TransactionList.tsx b/packages/suite/src/views/wallet/transactions/TransactionList/TransactionList.tsx
index 32c178d9f9c..bc4b9bd768d 100644
--- a/packages/suite/src/views/wallet/transactions/TransactionList/TransactionList.tsx
+++ b/packages/suite/src/views/wallet/transactions/TransactionList/TransactionList.tsx
@@ -33,6 +33,7 @@ interface TransactionListProps {
     symbol: WalletAccountTransaction['symbol'];
     isLoading?: boolean;
     account: Account;
+    limitPaging?: boolean;
     customTotalItems?: number;
     isExportable?: boolean;
     customPageFetching?: boolean;
@@ -45,6 +46,7 @@ export const TransactionList = ({
     isLoading,
     account,
     symbol,
+    limitPaging,
     customTotalItems,
     onPageRequested,
     isExportable = true,
@@ -194,6 +196,7 @@ export const TransactionList = ({
 
             {showPagination && (
                 <Pagination
+                    limitedPageList={Boolean(limitPaging)}
                     hasPages={!isRipple}
                     currentPage={currentPage}
                     isLastPage={isLastRipplePage}
diff --git a/packages/suite/src/views/wallet/transactions/TransactionList/WalletTransactionList.tsx b/packages/suite/src/views/wallet/transactions/TransactionList/WalletTransactionList.tsx
index 7adcb2c4967..f49d1030c37 100644
--- a/packages/suite/src/views/wallet/transactions/TransactionList/WalletTransactionList.tsx
+++ b/packages/suite/src/views/wallet/transactions/TransactionList/WalletTransactionList.tsx
@@ -3,6 +3,7 @@ import { useDispatch } from 'react-redux';
 
 import styled from 'styled-components';
 
+import { areNetworkTransactionsUnreliable } from '@suite-common/wallet-config';
 import { Card, Column, Link } from '@trezor/components';
 import { typography } from '@trezor/theme';
 
@@ -76,6 +77,7 @@ export const WalletTransactionList = ({
     return (
         <TransactionList
             customPageFetching
+            limitPaging={areNetworkTransactionsUnreliable(symbol)}
             allTransactions={result.allTransactions}
             transactions={result.visibleTransactions}
             symbol={symbol}
diff --git a/suite-common/wallet-config/src/types.ts b/suite-common/wallet-config/src/types.ts
index 3038ce36355..8094010746e 100644
--- a/suite-common/wallet-config/src/types.ts
+++ b/suite-common/wallet-config/src/types.ts
@@ -43,6 +43,18 @@ export const TREZOR_CONNECT_BACKENDS = [
     'blockfrost',
     'solana',
 ] as const;
+export const UNRELIABLE_TRANSACTION_COINS = [
+    'eth',
+    'xrp',
+    'sol',
+    'bsc',
+    'arb',
+    'pol',
+    'base',
+    'op',
+    'ada',
+] as const satisfies NetworkSymbol[];
+
 export const NON_STANDARD_BACKENDS = ['coinjoin'] as const;
 
 type TrezorConnectBackendType = (typeof TREZOR_CONNECT_BACKENDS)[number];
diff --git a/suite-common/wallet-config/src/utils.ts b/suite-common/wallet-config/src/utils.ts
index fd3d20270c5..4df10cd7c4b 100644
--- a/suite-common/wallet-config/src/utils.ts
+++ b/suite-common/wallet-config/src/utils.ts
@@ -1,11 +1,12 @@
 import { networks } from './networksConfig';
-import type {
-    AccountType,
-    Network,
-    NetworkFeature,
-    NetworkSymbol,
-    NetworkSymbolExtended,
-    NormalizedNetworkAccount,
+import {
+    type AccountType,
+    type Network,
+    type NetworkFeature,
+    type NetworkSymbol,
+    type NetworkSymbolExtended,
+    type NormalizedNetworkAccount,
+    UNRELIABLE_TRANSACTION_COINS,
 } from './types';
 
 export const NORMAL_ACCOUNT_TYPE = 'normal' satisfies AccountType;
@@ -114,3 +115,6 @@ export const getNetworkDisplaySymbolName = (symbol: NetworkSymbol) => {
 
     return network.displaySymbolName || network.name;
 };
+
+export const areNetworkTransactionsUnreliable = (symbol: NetworkSymbol) =>
+    UNRELIABLE_TRANSACTION_COINS.some(coin => coin === symbol);