From b8d1bddb6a14e39c9da8721c5ec68b2f8332c3b6 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Wed, 16 Mar 2022 15:16:42 -0600
Subject: [PATCH 1/3] add text style

---
 src/components/ReportWelcomeText.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ReportWelcomeText.js b/src/components/ReportWelcomeText.js
index 7c0e8b8f254b..50571a9376b5 100644
--- a/src/components/ReportWelcomeText.js
+++ b/src/components/ReportWelcomeText.js
@@ -80,7 +80,7 @@ const ReportWelcomeText = (props) => {
         <Text style={[styles.mt3, styles.mw100, styles.textAlignCenter]}>
             {isPolicyExpenseChat && (
                 <>
-                    <Text>
+                    <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistoryPolicyExpenseChatPartOne')}
                     </Text>
                     <Text style={[styles.textStrong]}>
@@ -100,7 +100,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isChatRoom && (
                 <>
-                    <Text>
+                    <Text style={styles.textAlignCenter}>
                         {isResctrictedRoom
                             ? `${props.translate('reportActionsView.beginningOfChatHistoryRestrictedPartOne')}`
                             : `${props.translate('reportActionsView.beginningOfChatHistoryPrivatePartOne')}`}
@@ -117,7 +117,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isDefault && (
                 <>
-                    <Text>
+                    <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistory')}
                     </Text>
                     {_.map(displayNamesWithTooltips, ({displayName, pronouns}, index) => (

From ddf2323324574a1d6987fb61da5c714457d6e38f Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Wed, 16 Mar 2022 15:33:08 -0600
Subject: [PATCH 2/3] add comment

---
 src/components/ReportWelcomeText.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ReportWelcomeText.js b/src/components/ReportWelcomeText.js
index 50571a9376b5..3a5fe4d99bb4 100644
--- a/src/components/ReportWelcomeText.js
+++ b/src/components/ReportWelcomeText.js
@@ -80,6 +80,7 @@ const ReportWelcomeText = (props) => {
         <Text style={[styles.mt3, styles.mw100, styles.textAlignCenter]}>
             {isPolicyExpenseChat && (
                 <>
+                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistoryPolicyExpenseChatPartOne')}
                     </Text>
@@ -100,6 +101,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isChatRoom && (
                 <>
+                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {isResctrictedRoom
                             ? `${props.translate('reportActionsView.beginningOfChatHistoryRestrictedPartOne')}`
@@ -117,6 +119,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isDefault && (
                 <>
+                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistory')}
                     </Text>

From 98640ec7051ece4f72202577fb4dd6d74cd4bfe4 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Wed, 16 Mar 2022 15:39:58 -0600
Subject: [PATCH 3/3] fix styles

---
 src/components/ReportWelcomeText.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ReportWelcomeText.js b/src/components/ReportWelcomeText.js
index 3a5fe4d99bb4..a03b8045feed 100644
--- a/src/components/ReportWelcomeText.js
+++ b/src/components/ReportWelcomeText.js
@@ -80,7 +80,7 @@ const ReportWelcomeText = (props) => {
         <Text style={[styles.mt3, styles.mw100, styles.textAlignCenter]}>
             {isPolicyExpenseChat && (
                 <>
-                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
+                    {/* Add align center style individually because of limited style inheritance in React Native https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistoryPolicyExpenseChatPartOne')}
                     </Text>
@@ -101,7 +101,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isChatRoom && (
                 <>
-                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
+                    {/* Add align center style individually because of limited style inheritance in React Native https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {isResctrictedRoom
                             ? `${props.translate('reportActionsView.beginningOfChatHistoryRestrictedPartOne')}`
@@ -119,7 +119,7 @@ const ReportWelcomeText = (props) => {
             )}
             {isDefault && (
                 <>
-                    {/* We should add the align center styles to Text individually because of limited style inheritance in React Native - https://reactnative.dev/docs/text#limited-style-inheritance */}
+                    {/* Add align center style individually because of limited style inheritance in React Native https://reactnative.dev/docs/text#limited-style-inheritance */}
                     <Text style={styles.textAlignCenter}>
                         {props.translate('reportActionsView.beginningOfChatHistory')}
                     </Text>