diff --git a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx index 051dc1dbe..03aa58b23 100644 --- a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx +++ b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx @@ -35,10 +35,10 @@ export const Default: Story = { unit: "ms", raw: 62466300.59999996 }, - impactScore: 0, + impactScore: 0.08999, impactScores: { - ScoreExp25: 0, - ScoreExp1000: 0 + ScoreExp25: 0.08999, + ScoreExp1000: 0.08999 }, insights: [ { diff --git a/src/components/Assets/AssetList/AssetEntry/index.tsx b/src/components/Assets/AssetList/AssetEntry/index.tsx index 8ae616523..97b0c294c 100644 --- a/src/components/Assets/AssetList/AssetEntry/index.tsx +++ b/src/components/Assets/AssetList/AssetEntry/index.tsx @@ -173,16 +173,14 @@ export const AssetEntry = ({ Performance impact - - - - - + + + )} diff --git a/src/components/common/ImpactScore/index.tsx b/src/components/common/ImpactScore/index.tsx index 09669e90e..77bf4508e 100644 --- a/src/components/common/ImpactScore/index.tsx +++ b/src/components/common/ImpactScore/index.tsx @@ -1,6 +1,7 @@ import { getFeatureFlagValue } from "../../../featureFlags"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { FeatureFlag } from "../../../types"; +import { roundTo } from "../../../utils/roundTo"; import { BackendInfo } from "../App/types"; import { ScoreIndicator } from "../ScoreIndicator"; import { Tooltip } from "../Tooltip"; @@ -64,8 +65,10 @@ export const ImpactScore = ({ } } + const formattedScore = `${roundTo(score * 100, 2)}%`; + return ( - + {scoreIndicatorPosition === "start" && } {getImpactScoreLabel(score, backendInfo)}