From a6a9598cf8bd426c6f87d49c5daa322ad33fdd1a Mon Sep 17 00:00:00 2001
From: Pujan <shahpujan1992@gmail.com>
Date: Fri, 21 Jul 2023 20:30:57 +0530
Subject: [PATCH] reset numberoflines for room name text

---
 src/components/DisplayNames/index.js        | 4 ++--
 src/components/DisplayNames/index.native.js | 2 +-
 src/pages/ReportDetailsPage.js              | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DisplayNames/index.js b/src/components/DisplayNames/index.js
index 9f4dcc9459c2..c27b0ad63b25 100644
--- a/src/components/DisplayNames/index.js
+++ b/src/components/DisplayNames/index.js
@@ -78,11 +78,11 @@ class DisplayNames extends PureComponent {
         }
 
         return (
-            // Tokenization of string only support 1 numberOfLines on Web
+            // Tokenization of string only support prop numberOfLines on Web
             <Text
                 style={[...this.props.textStyles, styles.pRelative]}
                 onLayout={this.setContainerLayout}
-                numberOfLines={1}
+                numberOfLines={this.props.numberOfLines || undefined}
                 ref={(el) => (this.containerRef = el)}
             >
                 {this.props.shouldUseFullTitle
diff --git a/src/components/DisplayNames/index.native.js b/src/components/DisplayNames/index.native.js
index 458c6b0acf9b..f1b1d7d0b7b5 100644
--- a/src/components/DisplayNames/index.native.js
+++ b/src/components/DisplayNames/index.native.js
@@ -8,7 +8,7 @@ function DisplayNames(props) {
         <Text
             accessibilityLabel={props.accessibilityLabel}
             style={props.textStyles}
-            numberOfLines={props.numberOfLines}
+            numberOfLines={props.numberOfLines || undefined}
         >
             {props.fullTitle}
         </Text>
diff --git a/src/pages/ReportDetailsPage.js b/src/pages/ReportDetailsPage.js
index e65307c6322c..763ce710f5c0 100644
--- a/src/pages/ReportDetailsPage.js
+++ b/src/pages/ReportDetailsPage.js
@@ -153,8 +153,8 @@ function ReportDetailsPage(props) {
                                     fullTitle={ReportUtils.getReportName(props.report)}
                                     displayNamesWithTooltips={displayNamesWithTooltips}
                                     tooltipEnabled
-                                    numberOfLines={1}
-                                    textStyles={[styles.textHeadline, styles.textAlignCenter, styles.pre]}
+                                    numberOfLines={isChatRoom ? 0 : 1}
+                                    textStyles={[styles.textHeadline, styles.textAlignCenter, isChatRoom ? undefined : styles.pre]}
                                     shouldUseFullTitle={isChatRoom || isPolicyExpenseChat || isThread}
                                 />
                             </View>