FIXUP

relative-ci · Apr 3, 2022 · 9c540bd · 9c540bd
1 parent 7ea9a01
commit 9c540bd
Showing 1 changed file with 12 additions and 15 deletions.
diff --git a/packages/ui/src/components/budget-insights/budget-insights.jsx b/packages/ui/src/components/budget-insights/budget-insights.jsx
@@ -2,7 +2,6 @@ import React, { useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { METRIC_COMPONENT_LINKS } from '@bundle-stats/utils';
-import * as budgetsInsightsTransformer from '@bundle-stats/utils/lib-esm/transformers/budgets-insights';
 
 import { Box } from '../../layout/box';
 import { Stack } from '../../layout/stack';
@@ -13,30 +12,28 @@ import { ComponentLink } from '../component-link';
 import css from './budget-insights.module.css';
 
 const Budget = (props) => {
-  const { className, metricId, budgetInsight, CustomLink } = props;
+  const { className, metricId, budget, CustomLink } = props;
   const componentLinkOptions = METRIC_COMPONENT_LINKS.get(metricId);
-  const budgetInsightInfo = budgetsInsightsTransformer.getInfo(metricId, budgetInsight);
-  const { data: messageData } = budgetInsightInfo.message;
 
   return (
     <CustomLink className={cx(css.budget, className)} {...componentLinkOptions?.link}>
-      <strong>{messageData.metricLabel}</strong>
-      {` value (`}
-      <strong>{messageData.currentValue}</strong>
-      {`) is ${messageData.diffLabel} `}
-      <strong>{messageData.budgetValue}</strong>
-      {` budget `}
+      {budget.message.text}
     </CustomLink>
   );
 };
 
 Budget.propTypes = {
   className: PropTypes.string,
   metricId: PropTypes.string.isRequired,
-  budgetInsight: PropTypes.shape({
-    currentValue: PropTypes.number.isRequired,
-    budgetValue: PropTypes.number.isRequired,
-    failed: PropTypes.bool.isRequired,
+  budget: PropTypes.shape({
+    message: PropTypes.shape({
+      text: PropTypes.string,
+    }),
+    data: PropTypes.shape({
+      currentValue: PropTypes.number.isRequired,
+      budgetValue: PropTypes.number.isRequired,
+      failed: PropTypes.bool.isRequired,
+    }),
   }).isRequired,
   CustomLink: PropTypes.elementType.isRequired,
 };
@@ -146,7 +143,7 @@ export const BudgetInsights = (props) => {
               <Budget
                 key={key}
                 metricId={`${source}.${key}`}
-                budgetInsight={budget}
+                budget={budget}
                 CustomLink={CustomLink}
               />
             ))}