SONAR-10611 Fix quality gate and quality profile badge tooltips

diff --git a/server/sonar-web/src/main/js/apps/quality-gates/components/BuiltInQualityGateBadge.tsx b/server/sonar-web/src/main/js/apps/quality-gates/components/BuiltInQualityGateBadge.tsx
index 4ebd702fa00c5d3bc9675c6d362b14f0c3e94266..674d46470a23edc6bc6881cf4654ff233f2dd6b6 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-gates/components/BuiltInQualityGateBadge.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-gates/components/BuiltInQualityGateBadge.tsx
@@ -19,8 +19,7 @@
  */
 import * as React from 'react';
 import * as classNames from 'classnames';
-import Tooltip from '../../../components/controls/Tooltip';
-import DocInclude from '../../../components/docs/DocInclude';
+import DocTooltip from '../../../components/docs/DocTooltip';
 import { translate } from '../../../helpers/l10n';
 
 interface Props {
@@ -34,12 +33,5 @@ export default function BuiltInQualityGateBadge({ className }: Props) {
     </div>
   );
 
-  const overlay = (
-    <DocInclude
-      className="abs-width-300 cut-margins"
-      path="/tooltips/quality-gates/built-in-quality-gate"
-    />
-  );
-
-  return <Tooltip overlay={overlay}>{badge}</Tooltip>;
+  return <DocTooltip doc="quality-gates/built-in-quality-gate">{badge}</DocTooltip>;
 }

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/components/BuiltInQualityProfileBadge.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/components/BuiltInQualityProfileBadge.tsx
index 16b64e80812c6329e91d5f76cc87f1d8b95f03d3..b3b4c6517580ca4c264b07edcc2f93ce4c9aed77 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/components/BuiltInQualityProfileBadge.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/components/BuiltInQualityProfileBadge.tsx
@@ -19,8 +19,7 @@
  */
 import * as React from 'react';
 import * as classNames from 'classnames';
-import Tooltip from '../../../components/controls/Tooltip';
-import DocInclude from '../../../components/docs/DocInclude';
+import DocTooltip from '../../../components/docs/DocTooltip';
 import { translate } from '../../../helpers/l10n';
 
 interface Props {
@@ -35,12 +34,8 @@ export default function BuiltInQualityProfileBadge({ className, tooltip = true }
     </div>
   );
 
-  const overlay = (
-    <DocInclude
-      className="abs-width-300 cut-margins"
-      path="/tooltips/quality-profiles/built-in-quality-profile"
-    />
-  );
-
-  return <Tooltip overlay={tooltip ? overlay : undefined}>{badge}</Tooltip>;
+  if (tooltip) {
+    return <DocTooltip doc="quality-profiles/built-in-quality-profile">{badge}</DocTooltip>;
+  }
+  return badge;
 }

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListRow.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListRow.tsx
index d05b77b2fdaad1167dcef0ecaac310d6deee1661..4be2c924b0d7b0dcbb5c0bdb2aed853c1e525650 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListRow.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/ProfilesListRow.tsx
@@ -28,7 +28,7 @@ import { getRulesUrl } from '../../../helpers/urls';
 import { isStagnant } from '../utils';
 import { Profile } from '../types';
 import Tooltip from '../../../components/controls/Tooltip';
-import DocInclude from '../../../components/docs/DocInclude';
+import DocTooltip from '../../../components/docs/DocTooltip';
 
 interface Props {
   onRequestFail: (reason: any) => void;
@@ -61,15 +61,9 @@ export default class ProfilesListRow extends React.PureComponent<Props> {
 
     if (profile.isDefault) {
       return (
-        <Tooltip
-          overlay={
-            <DocInclude
-              className="abs-width-300 cut-margins"
-              path="/tooltips/quality-profiles/default-quality-profile"
-            />
-          }>
+        <DocTooltip doc="quality-profiles/default-quality-profile">
           <span className="badge">{translate('default')}</span>
-        </Tooltip>
+        </DocTooltip>
       );
     }