From 7cc007496d2104df2f24ef2ca8805f67d8d40631 Mon Sep 17 00:00:00 2001
From: dhairyasenjaliya <dhairyasenjaliya@gmail.com>
Date: Fri, 14 Jul 2023 01:46:40 +0530
Subject: [PATCH] AutoFocus On Debit Card Page

---
 src/pages/settings/Payments/AddDebitCardPage.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/settings/Payments/AddDebitCardPage.js b/src/pages/settings/Payments/AddDebitCardPage.js
index a810c4701122..57fae311d715 100644
--- a/src/pages/settings/Payments/AddDebitCardPage.js
+++ b/src/pages/settings/Payments/AddDebitCardPage.js
@@ -114,7 +114,10 @@ class DebitCardPage extends Component {
 
     render() {
         return (
-            <ScreenWrapper includeSafeAreaPaddingBottom={false}>
+            <ScreenWrapper
+                onEntryTransitionEnd={() => this.nameOnCardRef && this.nameOnCardRef.focus()}
+                includeSafeAreaPaddingBottom={false}
+            >
                 <HeaderWithBackButton
                     title={this.props.translate('addDebitCardPage.addADebitCard')}
                     onBackButtonPress={() => Navigation.goBack(ROUTES.SETTINGS_PAYMENTS)}
@@ -132,6 +135,7 @@ class DebitCardPage extends Component {
                         label={this.props.translate('addDebitCardPage.nameOnCard')}
                         accessibilityLabel={this.props.translate('addDebitCardPage.nameOnCard')}
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
+                        ref={(el) => (this.nameOnCardRef = el)}
                     />
                     <TextInput
                         inputID="cardNumber"