From: Revanshu Paliwal <revanshu.paliwal@sonarsource.com>
Date: Mon, 12 Jun 2023 10:42:15 +0000 (+0200)
Subject: SONAR-19174 Showing title for long file path inside duplication popup in code viewer
X-Git-Tag: 10.1.0.73491~96
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=6af7276c5587e1bb62551f20df7b046ba803ba58;p=sonarqube.git

SONAR-19174 Showing title for long file path inside duplication popup in code viewer
---

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>
                   )}