Merge pull request #8190 from Expensify/cmartins-textAlign

Expensify · Mar 16, 2022 · 6381caa · 6381caa
2 parents a6c2cf6 + 98640ec
commit 6381caa
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/ReportWelcomeText.js b/src/components/ReportWelcomeText.js
@@ -80,7 +80,8 @@ const ReportWelcomeText = (props) => {
         <Text style={[styles.mt3, styles.mw100, styles.textAlignCenter]}>
             {isPolicyExpenseChat && (
                 <>
-                    <Text>
+                    {/* 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>
                     <Text style={[styles.textStrong]}>
@@ -100,7 +101,8 @@ const ReportWelcomeText = (props) => {
             )}
             {isChatRoom && (
                 <>
-                    <Text>
+                    {/* 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')}`
                             : `${props.translate('reportActionsView.beginningOfChatHistoryPrivatePartOne')}`}
@@ -117,7 +119,8 @@ const ReportWelcomeText = (props) => {
             )}
             {isDefault && (
                 <>
-                    <Text>
+                    {/* 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>
                     {_.map(displayNamesWithTooltips, ({displayName, pronouns}, index) => (