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; }