From 367502b11a66b408403700f6f348e4f221af85c0 Mon Sep 17 00:00:00 2001
From: Agata Kosior <agata.kosior57@gmail.com>
Date: Mon, 4 Nov 2024 18:17:29 +0700
Subject: [PATCH 1/2] fix: wrap the page in FullPageOfflineBlockingView

---
 .../WorkspaceExpensifyCardBankAccounts.tsx    | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
index f296b16c13f6..2befa1d8aaa5 100644
--- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
+++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import {View} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
 import BlockingView from '@components/BlockingViews/BlockingView';
+import FullPageOfflineBlockingView from '@components/BlockingViews/FullPageOfflineBlockingView';
 import Button from '@components/Button';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import getBankIcon from '@components/Icon/BankIcons';
@@ -190,15 +191,17 @@ function WorkspaceExpensifyCardBankAccounts({route}: WorkspaceExpensifyCardBankA
                 />
                 {isInVerificationState && renderVerificationStateView()}
                 {!isInVerificationState && (
-                    <View style={styles.flex1}>
-                        <Text style={[styles.mh5, styles.mb3]}>{translate('workspace.expensifyCard.chooseExistingBank')}</Text>
-                        {renderBankOptions()}
-                        <MenuItem
-                            icon={Expensicons.Plus}
-                            title={translate('workspace.expensifyCard.addNewBankAccount')}
-                            onPress={handleAddBankAccount}
-                        />
-                    </View>
+                    <FullPageOfflineBlockingView>
+                        <View style={styles.flex1}>
+                            <Text style={[styles.mh5, styles.mb3]}>{translate('workspace.expensifyCard.chooseExistingBank')}</Text>
+                            {renderBankOptions()}
+                            <MenuItem
+                                icon={Expensicons.Plus}
+                                title={translate('workspace.expensifyCard.addNewBankAccount')}
+                                onPress={handleAddBankAccount}
+                            />
+                        </View>
+                    </FullPageOfflineBlockingView>
                 )}
             </ScreenWrapper>
         </AccessOrNotFoundWrapper>

From cfd17792b8c7334b15cd5711208076886429c9fc Mon Sep 17 00:00:00 2001
From: Agata Kosior <agata.kosior57@gmail.com>
Date: Mon, 4 Nov 2024 19:08:35 +0700
Subject: [PATCH 2/2] fix: do not show additional indicator for small screens

---
 .../expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
index 2befa1d8aaa5..c14990ab720b 100644
--- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
+++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx
@@ -183,6 +183,7 @@ function WorkspaceExpensifyCardBankAccounts({route}: WorkspaceExpensifyCardBankA
                 testID={WorkspaceExpensifyCardBankAccounts.displayName}
                 includeSafeAreaPaddingBottom={false}
                 shouldEnablePickerAvoiding={false}
+                shouldShowOfflineIndicator={false}
             >
                 <HeaderWithBackButton
                     shouldShowBackButton