1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
/*
* SonarQube
* Copyright (C) 2009-2024 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import classNames from 'classnames';
import React from 'react';
import { translate } from '../../helpers/l10n';
import { useStandardExperienceMode } from '../../queries/settings';
import {
SoftwareImpact,
SoftwareImpactSeverity,
SoftwareQuality,
} from '../../types/clean-code-taxonomy';
import { IssueSeverity } from '../../types/issues';
import IssueTypePill from './IssueTypePill';
import SoftwareImpactPill from './SoftwareImpactPill';
interface SoftwareImpactPillListProps extends React.HTMLAttributes<HTMLUListElement> {
className?: string;
issueSeverity?: IssueSeverity;
issueType?: string;
softwareImpacts: SoftwareImpact[];
type?: Parameters<typeof SoftwareImpactPill>[0]['type'];
}
const severityMap = {
[SoftwareImpactSeverity.Blocker]: 4,
[SoftwareImpactSeverity.High]: 3,
[SoftwareImpactSeverity.Medium]: 2,
[SoftwareImpactSeverity.Low]: 1,
[SoftwareImpactSeverity.Info]: 0,
};
export default function SoftwareImpactPillList({
softwareImpacts,
issueSeverity,
issueType,
type,
className,
...props
}: Readonly<SoftwareImpactPillListProps>) {
const { data: isStandardMode } = useStandardExperienceMode();
const getQualityLabel = (quality: SoftwareQuality) => translate('software_quality', quality);
const sortingFn = (a: SoftwareImpact, b: SoftwareImpact) => {
if (a.severity !== b.severity) {
return severityMap[b.severity] - severityMap[a.severity];
}
return getQualityLabel(a.softwareQuality).localeCompare(getQualityLabel(b.softwareQuality));
};
return (
<ul className={classNames('sw-flex sw-gap-2', className)} {...props}>
{!isStandardMode &&
softwareImpacts
.slice()
.sort(sortingFn)
.map(({ severity, softwareQuality }) => (
<li key={softwareQuality}>
<SoftwareImpactPill
severity={severity}
quality={getQualityLabel(softwareQuality)}
type={type}
/>
</li>
))}
{!isStandardMode && softwareImpacts.length === 0 && issueType === 'SECURITY_HOTSPOT' && (
<IssueTypePill severity={issueSeverity ?? IssueSeverity.Info} issueType={issueType} />
)}
{isStandardMode && issueType && issueSeverity && (
<IssueTypePill severity={issueSeverity} issueType={issueType} />
)}
</ul>
);
}
|
