From 4c98bc6ac46ef7a7c56eecff835e692bd79a76b4 Mon Sep 17 00:00:00 2001
From: Abdelrahman Khattab <abzokhattab@gmail.com>
Date: Wed, 18 Oct 2023 20:36:47 +0300
Subject: [PATCH] Add tooltip for long names in the settings page of workspace
 chat

---
 .../settings/Report/ReportSettingsPage.js     | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/pages/settings/Report/ReportSettingsPage.js b/src/pages/settings/Report/ReportSettingsPage.js
index 5612096207bb..9ec6eb071de2 100644
--- a/src/pages/settings/Report/ReportSettingsPage.js
+++ b/src/pages/settings/Report/ReportSettingsPage.js
@@ -23,6 +23,7 @@ import MenuItemWithTopDescription from '../../../components/MenuItemWithTopDescr
 import ROUTES from '../../../ROUTES';
 import * as Expensicons from '../../../components/Icon/Expensicons';
 import MenuItem from '../../../components/MenuItem';
+import DisplayNames from '../../../components/DisplayNames';
 
 const propTypes = {
     /** Route params */
@@ -112,12 +113,13 @@ function ReportSettingsPage(props) {
                                     >
                                         {roomNameLabel}
                                     </Text>
-                                    <Text
+                                    <DisplayNames
+                                        fullTitle={reportName}
+                                        tooltipEnabled
                                         numberOfLines={1}
-                                        style={[styles.optionAlternateText, styles.pre]}
-                                    >
-                                        {reportName}
-                                    </Text>
+                                        textStyles={[styles.optionAlternateText, styles.pre]}
+                                        shouldUseFullTitle
+                                    />
                                 </View>
                             ) : (
                                 <MenuItemWithTopDescription
@@ -162,12 +164,13 @@ function ReportSettingsPage(props) {
                                 >
                                     {translate('workspace.common.workspace')}
                                 </Text>
-                                <Text
+                                <DisplayNames
+                                    fullTitle={linkedWorkspace.name}
+                                    tooltipEnabled
                                     numberOfLines={1}
-                                    style={[styles.optionAlternateText, styles.pre]}
-                                >
-                                    {linkedWorkspace.name}
-                                </Text>
+                                    textStyles={[styles.optionAlternateText, styles.pre]}
+                                    shouldUseFullTitle
+                                />
                             </View>
                         )}
                         {Boolean(report.visibility) && (