diff --git a/src/components/Assets/AssetList/AssetEntry/index.tsx b/src/components/Assets/AssetList/AssetEntry/index.tsx
index 7f778ac99..952acc8d1 100644
--- a/src/components/Assets/AssetList/AssetEntry/index.tsx
+++ b/src/components/Assets/AssetList/AssetEntry/index.tsx
@@ -5,10 +5,17 @@ import { getInsightTypeInfo } from "../../../../utils/getInsightTypeInfo";
import { getInsightTypeOrderPriority } from "../../../../utils/getInsightTypeOrderPriority";
import { timeAgo } from "../../../../utils/timeAgo";
import { GlobeIcon } from "../../../common/icons/GlobeIcon";
+import { ImpactScore } from "../../types";
import { getAssetTypeInfo } from "../../utils";
import * as s from "./styles";
import { AssetEntryProps } from "./types";
+const impactScoreLabels = {
+ [ImpactScore.High]: "High",
+ [ImpactScore.Medium]: "Medium",
+ [ImpactScore.Low]: "Low"
+};
+
const getServiceIconColor = (theme: DefaultTheme) => {
switch (theme.mode) {
case "light":
@@ -115,6 +122,18 @@ export const AssetEntry = (props: AssetEntryProps) => {
)}
+ {props.entry.impactScores && (
+
+ Performance impact
+
+ {
+ impactScoreLabels[
+ props.entry.impactScores.ScoreExp25 as ImpactScore
+ ]
+ }
+
+
+ )}
@@ -135,6 +154,18 @@ export const AssetEntry = (props: AssetEntryProps) => {
)}
+ {props.entry.impactScores && (
+
+ Overall impact
+
+ {
+ impactScoreLabels[
+ props.entry.impactScores.ScoreExp1000 as ImpactScore
+ ]
+ }
+
+
+ )}
diff --git a/src/components/Assets/types.ts b/src/components/Assets/types.ts
index c435cd834..03810b713 100644
--- a/src/components/Assets/types.ts
+++ b/src/components/Assets/types.ts
@@ -4,6 +4,12 @@ import {
SpanInstanceInfo
} from "../../types";
+export enum ImpactScore {
+ High = 2,
+ Medium = 1,
+ Low = 0
+}
+
export interface AssetsProps {
data?: AssetsData;
}