From b8bcfbd472409d19139e93acc8886ab9d13b905e Mon Sep 17 00:00:00 2001
From: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Date: Fri, 18 Oct 2024 19:51:16 +0530
Subject: [PATCH] ix(catalog-react) : using noWrap prop of Typography instead
 of class , adding tooltip

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
---
 .../EntityDisplayName/EntityDisplayName.tsx           | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
index 0c9622080a..68c81e251b 100644
--- a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
+++ b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
@@ -44,13 +44,6 @@ const useStyles = makeStyles(
         verticalAlign: 'middle',
       },
     },
-    truncate: {
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      maxWidth: '100%',
-      display: 'block',
-    },
   }),
   { name: 'CatalogReactEntityDisplayName' },
 );
@@ -87,7 +80,9 @@ export const EntityDisplayName = (
 
   // The innermost "body" content
   let content = (
-    <Typography className={classes.truncate}>{primaryTitle}</Typography>
+    <Tooltip title={primaryTitle} placement="top" arrow>
+      <Typography noWrap>{primaryTitle}</Typography>
+    </Tooltip>
   );
 
   // Optionally an icon, and wrapper around them both