SONAR-9483 Add link to the rules and highlight compared quality profiles

2 files changed, 8 insertions, 1 deletions

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileRulesSonarWayComparison.js b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileRulesSonarWayComparison.js
index 97427ee1d34..edf0ab821b4 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileRulesSonarWayComparison.js
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileRulesSonarWayComparison.js
@@ -21,6 +21,7 @@
 import React from 'react';
 import { Link } from 'react-router';
 import Tooltip from '../../../components/controls/Tooltip';
+import { getRulesUrl } from '../../../helpers/urls';
 import { translate } from '../../../helpers/l10n';
 
 type Props = {
@@ -31,6 +32,11 @@ type Props = {
 };
 
 export default function ProfileRulesSonarWayComparison(props: Props) {
+  const url = getRulesUrl(
+    { qprofile: props.profile, activation: false, compareToProfile: props.sonarway },
+    props.organization
+  );
+
   return (
     <div className="quality-profile-rules-sonarway-missing clearfix">
       <span className="pull-left">
@@ -39,7 +45,7 @@ export default function ProfileRulesSonarWayComparison(props: Props) {
           <i className="icon-help spacer-left" />
         </Tooltip>
       </span>
-      <Link className="pull-right">
+      <Link className="pull-right" to={url}>
         {props.sonarWayMissingRules}
       </Link>
     </div>
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileRulesSonarWayComparison-test.js.snap b/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileRulesSonarWayComparison-test.js.snap
index 6864b28e71b..9d9c67072bf 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileRulesSonarWayComparison-test.js.snap
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/__tests__/__snapshots__/ProfileRulesSonarWayComparison-test.js.snap
@@ -21,6 +21,7 @@ exports[`should render correctly 1`] = `
     className="pull-right"
     onlyActiveOnIndex={false}
     style={Object {}}
+    to="/organizations/foo/rules#qprofile=bar|activation=false|compareToProfile=baz"
   >
     158
   </Link>