From 5af51c9d24623afc828e3ebb6e66b44efadd3a29 Mon Sep 17 00:00:00 2001
From: Nicholas Murray <nmurray@expensify.com>
Date: Thu, 9 Dec 2021 10:49:35 -0800
Subject: [PATCH] Add in keyboard avoiding view

---
 src/pages/AddPersonalBankAccountPage.js | 33 ++++++++++++++-----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/pages/AddPersonalBankAccountPage.js b/src/pages/AddPersonalBankAccountPage.js
index 187b65ee696f..898aa1e29085 100644
--- a/src/pages/AddPersonalBankAccountPage.js
+++ b/src/pages/AddPersonalBankAccountPage.js
@@ -10,6 +10,7 @@ import AddPlaidBankAccount from '../components/AddPlaidBankAccount';
 import getPlaidOAuthReceivedRedirectURI from '../libs/getPlaidOAuthReceivedRedirectURI';
 import compose from '../libs/compose';
 import ONYXKEYS from '../ONYXKEYS';
+import KeyboardAvoidingView from '../components/KeyboardAvoidingView';
 
 const propTypes = {
     ...withLocalizePropTypes,
@@ -24,21 +25,23 @@ const defaultProps = {
 
 const AddPersonalBankAccountPage = props => (
     <ScreenWrapper>
-        <HeaderWithCloseButton
-            title={props.translate('bankAccount.addBankAccount')}
-            onCloseButtonPress={Navigation.dismissModal}
-            shouldShowBackButton
-            onBackButtonPress={() => Navigation.goBack()}
-        />
-        <AddPlaidBankAccount
-            onSubmit={({account, password, plaidLinkToken}) => {
-                BankAccounts.addPersonalBankAccount(account, password, plaidLinkToken);
-            }}
-            onExitPlaid={Navigation.dismissModal}
-            receivedRedirectURI={getPlaidOAuthReceivedRedirectURI()}
-            plaidLinkOAuthToken={props.plaidLinkToken}
-            isPasswordRequired
-        />
+        <KeyboardAvoidingView>
+            <HeaderWithCloseButton
+                title={props.translate('bankAccount.addBankAccount')}
+                onCloseButtonPress={Navigation.dismissModal}
+                shouldShowBackButton
+                onBackButtonPress={() => Navigation.goBack()}
+            />
+            <AddPlaidBankAccount
+                onSubmit={({account, password, plaidLinkToken}) => {
+                    BankAccounts.addPersonalBankAccount(account, password, plaidLinkToken);
+                }}
+                onExitPlaid={Navigation.dismissModal}
+                receivedRedirectURI={getPlaidOAuthReceivedRedirectURI()}
+                plaidLinkOAuthToken={props.plaidLinkToken}
+                isPasswordRequired
+            />
+        </KeyboardAvoidingView>
     </ScreenWrapper>
 );