import * as PropTypes from 'prop-types';
import Helmet from 'react-helmet';
import { Link } from 'react-router';
+import { FormattedMessage } from 'react-intl';
import VulnerabilityList from './VulnerabilityList';
import Suggestions from '../../../app/components/embed-docs-modal/Suggestions';
import { translate } from '../../../helpers/l10n';
import Checkbox from '../../../components/controls/Checkbox';
import { RawQuery } from '../../../helpers/query';
import NotFound from '../../../app/components/NotFound';
-import '../style.css';
import { getSecurityHotspots } from '../../../api/security-reports';
import { isLongLivingBranch } from '../../../helpers/branches';
import DocTooltip from '../../../components/docs/DocTooltip';
+import { getRulesUrl } from '../../../helpers/urls';
+import '../style.css';
+import { isSonarCloud } from '../../../helpers/system';
interface Props {
branchLike?: BranchLike;
{translate('learn_more')}
</Link>
</div>
+ <div className="alert alert-info spacer-top">
+ <FormattedMessage
+ defaultMessage={translate('security_reports.info')}
+ id="security_reports.info"
+ values={{
+ link: (
+ <Link
+ to={getRulesUrl(
+ { types: 'SECURITY_HOTSPOT,VULNERABILITY' },
+ isSonarCloud() ? component.organization : undefined
+ )}>
+ {translate('security_reports.info.link')}
+ </Link>
+ )
+ }}
+ />
+ </div>
</header>
<div className="display-inline-flex-center">
<Checkbox
learn_more
</Link>
</div>
+ <div
+ className="alert alert-info spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="security_reports.info"
+ id="security_reports.info"
+ values={
+ Object {
+ "link": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/coding_rules",
+ "query": Object {
+ "types": "SECURITY_HOTSPOT,VULNERABILITY",
+ },
+ }
+ }
+ >
+ security_reports.info.link
+ </Link>,
+ }
+ }
+ />
+ </div>
</header>
<div
className="display-inline-flex-center"
learn_more
</Link>
</div>
+ <div
+ className="alert alert-info spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="security_reports.info"
+ id="security_reports.info"
+ values={
+ Object {
+ "link": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/coding_rules",
+ "query": Object {
+ "types": "SECURITY_HOTSPOT,VULNERABILITY",
+ },
+ }
+ }
+ >
+ security_reports.info.link
+ </Link>,
+ }
+ }
+ />
+ </div>
</header>
<div
className="display-inline-flex-center"
learn_more
</Link>
</div>
+ <div
+ className="alert alert-info spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="security_reports.info"
+ id="security_reports.info"
+ values={
+ Object {
+ "link": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/coding_rules",
+ "query": Object {
+ "types": "SECURITY_HOTSPOT,VULNERABILITY",
+ },
+ }
+ }
+ >
+ security_reports.info.link
+ </Link>,
+ }
+ }
+ />
+ </div>
</header>
<div
className="display-inline-flex-center"
learn_more
</Link>
</div>
+ <div
+ className="alert alert-info spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="security_reports.info"
+ id="security_reports.info"
+ values={
+ Object {
+ "link": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/coding_rules",
+ "query": Object {
+ "types": "SECURITY_HOTSPOT,VULNERABILITY",
+ },
+ }
+ }
+ >
+ security_reports.info.link
+ </Link>,
+ }
+ }
+ />
+ </div>
</header>
<div
className="display-inline-flex-center"
learn_more
</Link>
</div>
+ <div
+ className="alert alert-info spacer-top"
+ >
+ <FormattedMessage
+ defaultMessage="security_reports.info"
+ id="security_reports.info"
+ values={
+ Object {
+ "link": <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/coding_rules",
+ "query": Object {
+ "types": "SECURITY_HOTSPOT,VULNERABILITY",
+ },
+ }
+ }
+ >
+ security_reports.info.link
+ </Link>,
+ }
+ }
+ />
+ </div>
</header>
<div
className="display-inline-flex-center"