SONAR-23191 Quality Profile comparison page

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
index d0081200487db251c3840d502b7b15bc639a5031..5ace834dc301649e37965f7cf41c332359923e1b 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
@@ -17,7 +17,8 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import { ActionCell, ContentCell, Link, Table, TableRowInteractive } from 'design-system';
+import { LinkStandalone } from '@sonarsource/echoes-react';
+import { ActionCell, ContentCell, Table, TableRowInteractive } from 'design-system';
 import { isEqual } from 'lodash';
 import * as React from 'react';
 import { useIntl } from 'react-intl';
@@ -26,6 +27,7 @@ import IssueSeverityIcon from '../../../components/icon-mappers/IssueSeverityIco
 import { CleanCodeAttributePill } from '../../../components/shared/CleanCodeAttributePill';
 import SoftwareImpactPillList from '../../../components/shared/SoftwareImpactPillList';
 import { getRulesUrl } from '../../../helpers/urls';
+import { useIsLegacyCCTMode } from '../../../queries/settings';
 import { IssueSeverity } from '../../../types/issues';
 import { Dict } from '../../../types/types';
 import ComparisonResultActivation from './ComparisonResultActivation';
@@ -222,16 +224,21 @@ export default function ComparisonResults(props: Readonly<Props>) {
 }
 
 function RuleCell({ rule, severity }: Readonly<{ rule: RuleCompare; severity?: string }>) {
+  const { data: isLegacy } = useIsLegacyCCTMode();
   const shouldRenderSeverity =
-    Boolean(severity) && rule.left && rule.right && isEqual(rule.left.params, rule.right.params);
+    isLegacy &&
+    Boolean(severity) &&
+    rule.left &&
+    rule.right &&
+    isEqual(rule.left.params, rule.right.params);
 
   return (
     <div>
       {shouldRenderSeverity && <IssueSeverityIcon severity={severity as IssueSeverity} />}
-      <Link className="sw-ml-1" to={getRulesUrl({ rule_key: rule.key, open: rule.key })}>
+      <LinkStandalone className="sw-ml-1" to={getRulesUrl({ rule_key: rule.key, open: rule.key })}>
         {rule.name}
-      </Link>
-      {(rule.cleanCodeAttributeCategory || rule.impacts.length > 0) && (
+      </LinkStandalone>
+      {!isLegacy && (rule.cleanCodeAttributeCategory || rule.impacts.length > 0) && (
         <ul className="sw-mt-3 sw-flex sw-items-center">
           {rule.cleanCodeAttributeCategory && (
             <li>