Merge pull request #23357 from Pujan92/fix/22613

Fix: Don't truncate long room names in room details page

Author: Julesssss

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

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>

src/pages/ReportDetailsPage.js

@@ -62,6 +62,7 @@ function ReportDetailsPage(props) {
     const isPolicyAdmin = useMemo(() => PolicyUtils.isPolicyAdmin(policy), [policy]);
     const shouldDisableSettings = useMemo(() => ReportUtils.shouldDisableSettings(props.report), [props.report]);
     const shouldUseFullTitle = !shouldDisableSettings;
+    const isChatRoom = useMemo(() => ReportUtils.isChatRoom(props.report), [props.report]);
     const isThread = useMemo(() => ReportUtils.isChatThread(props.report), [props.report]);
     const isUserCreatedPolicyRoom = useMemo(() => ReportUtils.isUserCreatedPolicyRoom(props.report), [props.report]);
     const isArchivedRoom = useMemo(() => ReportUtils.isArchivedRoom(props.report), [props.report]);
@@ -153,8 +154,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={shouldUseFullTitle}
                                 />
                             </View>