SONAR-10609 open documentation links in the same tab

2 files changed, 5 insertions, 27 deletions

diff --git a/server/sonar-web/src/main/js/app/components/embed-docs-modal/EmbedDocsPopup.tsx b/server/sonar-web/src/main/js/app/components/embed-docs-modal/EmbedDocsPopup.tsx
index 1c2ba28fa9d..ac864c7dea1 100644
--- a/server/sonar-web/src/main/js/app/components/embed-docs-modal/EmbedDocsPopup.tsx
+++ b/server/sonar-web/src/main/js/app/components/embed-docs-modal/EmbedDocsPopup.tsx
@@ -21,9 +21,7 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { Link } from 'react-router';
 import { SuggestionLink } from './SuggestionsProvider';
-import * as theme from '../../../app/theme';
 import BubblePopup, { BubblePopupPosition } from '../../../components/common/BubblePopup';
-import DetachIcon from '../../../components/icons-components/DetachIcon';
 import { translate } from '../../../helpers/l10n';
 import { getBaseUrl } from '../../../helpers/urls';
 
@@ -58,9 +56,8 @@ export default class EmbedDocsPopup extends React.PureComponent<Props> {
         {this.renderTitle(translate('embed_docs.suggestion'))}
         {this.props.suggestions.map((suggestion, index) => (
           <li key={index}>
-            <Link className="display-flex-center" target="_blank" to={suggestion.link}>
+            <Link onClick={this.props.onClose} to={suggestion.link}>
               {suggestion.text}
-              <DetachIcon className="spacer-left" fill={theme.gray80} size={12} />
             </Link>
           </li>
         ))}
@@ -150,9 +147,8 @@ export default class EmbedDocsPopup extends React.PureComponent<Props> {
         <ul className="menu">
           {this.renderSuggestions()}
           <li>
-            <Link className="display-flex-center" target="_blank" to="/documentation">
+            <Link onClick={this.props.onClose} to="/documentation">
               {translate('embed_docs.documentation_index')}
-              <DetachIcon className="spacer-left" fill={theme.gray80} size={12} />
             </Link>
           </li>
           <li>
diff --git a/server/sonar-web/src/main/js/app/components/embed-docs-modal/__tests__/__snapshots__/EmbedDocsPopup-test.tsx.snap b/server/sonar-web/src/main/js/app/components/embed-docs-modal/__tests__/__snapshots__/EmbedDocsPopup-test.tsx.snap
index ba950f69c47..8867991dcc5 100644
--- a/server/sonar-web/src/main/js/app/components/embed-docs-modal/__tests__/__snapshots__/EmbedDocsPopup-test.tsx.snap
+++ b/server/sonar-web/src/main/js/app/components/embed-docs-modal/__tests__/__snapshots__/EmbedDocsPopup-test.tsx.snap
@@ -17,36 +17,24 @@ exports[`should display suggestion links 1`] = `
         key="0"
       >
         <Link
-          className="display-flex-center"
+          onClick={[MockFunction]}
           onlyActiveOnIndex={false}
           style={Object {}}
-          target="_blank"
           to="#"
         >
           foo
-          <DetachIcon
-            className="spacer-left"
-            fill="#cdcdcd"
-            size={12}
-          />
         </Link>
       </li>
       <li
         key="1"
       >
         <Link
-          className="display-flex-center"
+          onClick={[MockFunction]}
           onlyActiveOnIndex={false}
           style={Object {}}
-          target="_blank"
           to="#"
         >
           bar
-          <DetachIcon
-            className="spacer-left"
-            fill="#cdcdcd"
-            size={12}
-          />
         </Link>
       </li>
       <li
@@ -55,18 +43,12 @@ exports[`should display suggestion links 1`] = `
     </React.Fragment>
     <li>
       <Link
-        className="display-flex-center"
+        onClick={[MockFunction]}
         onlyActiveOnIndex={false}
         style={Object {}}
-        target="_blank"
         to="/documentation"
       >
         embed_docs.documentation_index
-        <DetachIcon
-          className="spacer-left"
-          fill="#cdcdcd"
-          size={12}
-        />
       </Link>
     </li>
     <li>