From 34259659e2009b232509e45b0ca7234df1fc1aab Mon Sep 17 00:00:00 2001
From: krishna2323 <belivethatkg@gmail.com>
Date: Thu, 5 Dec 2024 05:38:32 +0530
Subject: [PATCH] fix: the 'connect to Xero' experience in two ways (modal
 style & translation copy update).

Signed-off-by: krishna2323 <belivethatkg@gmail.com>
---
 .../RequireTwoFactorAuthenticationModal.tsx          | 12 ++----------
 src/languages/en.ts                                  |  2 +-
 src/languages/es.ts                                  |  2 +-
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/components/RequireTwoFactorAuthenticationModal.tsx b/src/components/RequireTwoFactorAuthenticationModal.tsx
index ad4f2db28c1c..a47f9beacdcd 100644
--- a/src/components/RequireTwoFactorAuthenticationModal.tsx
+++ b/src/components/RequireTwoFactorAuthenticationModal.tsx
@@ -45,20 +45,12 @@ function RequireTwoFactorAuthenticationModal({onCancel = () => {}, description,
                     onClose={onCancel}
                     isVisible={isVisible}
                     type={shouldUseNarrowLayout ? CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED : CONST.MODAL.MODAL_TYPE.CONFIRM}
-                    innerContainerStyle={{...styles.pb5, ...styles.pt3, ...styles.boxShadowNone}}
+                    innerContainerStyle={{...styles.pb5, ...styles.pt0, ...styles.boxShadowNone}}
                     shouldEnableNewFocusManagement={shouldEnableNewFocusManagement}
                     animationOutTiming={500}
                 >
                     <View style={safeAreaPaddingBottomStyle}>
-                        <View
-                            style={[
-                                styles.mh3,
-                                styles.br3,
-                                styles.cardSectionIllustration,
-                                styles.alignItemsCenter,
-                                StyleUtils.getBackgroundColorStyle(LottieAnimations.Safe.backgroundColor),
-                            ]}
-                        >
+                        <View style={[styles.cardSectionIllustration, styles.alignItemsCenter, StyleUtils.getBackgroundColorStyle(LottieAnimations.Safe.backgroundColor)]}>
                             <Lottie
                                 source={LottieAnimations.Safe}
                                 style={styles.h100}
diff --git a/src/languages/en.ts b/src/languages/en.ts
index d79695ed8b48..6adce9680192 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1315,7 +1315,7 @@ const translations = {
         disable: 'Disable',
         enableTwoFactorAuth: 'Enable two-factor authentication',
         pleaseEnableTwoFactorAuth: 'Please enable two-factor authentication.',
-        twoFactorAuthIsRequiredDescription: 'Two-factor authentication is required for connecting to Xero. Please enable two-factor authentication to continue.',
+        twoFactorAuthIsRequiredDescription: 'For security purposes, Xero requires two-factor authentication to connect the integration.',
         twoFactorAuthIsRequiredForAdminsDescription: 'Two-factor authentication is required for Xero workspace admins. Please enable two-factor authentication to continue.',
     },
     recoveryCodeForm: {
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 5ce47db18d35..453c425620e6 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -1315,7 +1315,7 @@ const translations = {
         disable: 'Deshabilitar',
         enableTwoFactorAuth: 'Activar la autenticación de dos factores',
         pleaseEnableTwoFactorAuth: 'Activa la autenticación de dos factores.',
-        twoFactorAuthIsRequiredDescription: 'La autenticación de dos factores es necesaria para conectarse a Xero. Activa la autenticación de dos factores para continuar.',
+        twoFactorAuthIsRequiredDescription: 'Por razones de seguridad, Xero requiere la autenticación de dos factores para conectar la integración.',
         twoFactorAuthIsRequiredForAdminsDescription:
             'La autenticación de dos factores es necesaria para los administradores del área de trabajo de Xero. Activa la autenticación de dos factores para continuar.',
     },