diff --git a/packages/ui/src/Molecules/Badge/SeverityBadge.tsx b/packages/ui/src/Molecules/Badge/SeverityBadge.tsx
index e98b38be5..ab1df3c3b 100644
--- a/packages/ui/src/Molecules/Badge/SeverityBadge.tsx
+++ b/packages/ui/src/Molecules/Badge/SeverityBadge.tsx
@@ -12,6 +12,7 @@
// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
// PERFORMANCE OF THIS SOFTWARE.
+import { getSeverity } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
import { Badge } from "../../Atoms/Badge/Badge";
@@ -20,26 +21,8 @@ type Props = {
score: number;
};
-const badgeVariant = (score: number) => {
- if (score >= 15) {
- return "danger";
- }
- if (score > 6) {
- return "warning";
- }
- return "success";
-};
-
export function SeverityBadge({ score }: Props) {
const { __ } = useTranslate();
- const label = () => {
- if (score >= 15) {
- return __("High");
- }
- if (score > 6) {
- return __("Medium");
- }
- return __("Low");
- };
- return {label()};
+ const severity = getSeverity(__, score);
+ return {severity?.label};
}
diff --git a/packages/ui/src/Molecules/Risks/RisksChart.tsx b/packages/ui/src/Molecules/Risks/RisksChart.tsx
index 454413ffd..ef2158706 100644
--- a/packages/ui/src/Molecules/Risks/RisksChart.tsx
+++ b/packages/ui/src/Molecules/Risks/RisksChart.tsx
@@ -47,7 +47,7 @@ const getLevel = (score: number): 0 | 1 | 2 => {
if (score >= 15) {
return 2;
}
- if (score > 6) {
+ if (score >= 5) {
return 1;
}
return 0;
@@ -62,7 +62,7 @@ const cellKey = (impact: number, likelihood: number) =>
export function RisksChart({ organizationId, type, risks }: Props) {
const { __ } = useTranslate();
- const legend = [__("Low"), __("Medium"), __("High")];
+ const legend = [__("Low"), __("High"), __("Critical")];
const impacts = getRiskImpacts(__).reverse();
const likelihoods = getRiskLikelihoods(__);