From 6af7276c5587e1bb62551f20df7b046ba803ba58 Mon Sep 17 00:00:00 2001
From: Revanshu Paliwal <revanshu.paliwal@sonarsource.com>
Date: Mon, 12 Jun 2023 12:42:15 +0200
Subject: [PATCH] SONAR-19174 Showing title for long file path inside
 duplication popup in code viewer

---
 .../SourceViewer/components/DuplicationPopup.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/server/sonar-web/src/main/js/components/SourceViewer/components/DuplicationPopup.tsx b/server/sonar-web/src/main/js/components/SourceViewer/components/DuplicationPopup.tsx
index ca1c33e6722..8c0e256502c 100644
--- a/server/sonar-web/src/main/js/components/SourceViewer/components/DuplicationPopup.tsx
+++ b/server/sonar-web/src/main/js/components/SourceViewer/components/DuplicationPopup.tsx
@@ -123,12 +123,15 @@ export default class DuplicationPopup extends PureComponent<Props> {
           <>
             <DuplicationHighlight>{duplicationHeader}</DuplicationHighlight>
             {duplications.map((duplication) => (
-              <div className="sw-my-2 sw-truncate" key={duplication.file.key}>
+              <div className="sw-my-2" key={duplication.file.key}>
                 <div className="sw-flex sw-flex-wrap sw-body-sm">
                   {this.isDifferentComponent(duplication.file, this.props.sourceViewerFile) && (
                     <div className="sw-mr-4">
                       <QualifierIcon className="sw-mr-1" qualifier={ComponentQualifier.Project} />
-                      <Link to={getProjectUrl(duplication.file.project)}>
+                      <Link
+                        to={getProjectUrl(duplication.file.project)}
+                        title={duplication.file.projectName}
+                      >
                         {duplication.file.projectName}
                       </Link>
                     </div>
@@ -138,10 +141,15 @@ export default class DuplicationPopup extends PureComponent<Props> {
                     <div className="sw-mr-2">
                       {this.renderDuplication(
                         duplication.file,
-                        <>
+                        <span
+                          title={
+                            (collapsedDirFromPath(duplication.file.name) ?? '') +
+                            (fileFromPath(duplication.file.name) ?? '')
+                          }
+                        >
                           <span>{collapsedDirFromPath(duplication.file.name)}</span>
                           <span>{fileFromPath(duplication.file.name)}</span>
-                        </>
+                        </span>
                       )}
                     </div>
                   )}
-- 
2.39.5