formatting

plugins/cost-insights/src/api/ExampleCostInsightsClient.ts

@@ -34,7 +34,12 @@ import {
   UnlabeledDataflowAlert,
   UnlabeledDataflowData,
 } from '../types';
-import { DEFAULT_DATE_FORMAT, Duration, exclusiveEndDateOf, inclusiveStartDateOf } from '../utils/duration';
+import {
+  DEFAULT_DATE_FORMAT,
+  Duration,
+  exclusiveEndDateOf,
+  inclusiveStartDateOf,
+} from '../utils/duration';
 
 type IntervalFields = {
   duration: Duration;

plugins/cost-insights/src/components/CostGrowth/CostGrowth.test.tsx

@@ -38,10 +38,10 @@ const MockContext = ({
   currency: Currency;
   engineerCost: number;
 }>) => (
-    <MockConfigProvider engineerCost={engineerCost}>
-      <MockCurrencyProvider currency={currency}>{children}</MockCurrencyProvider>
-    </MockConfigProvider>
-  );
+  <MockConfigProvider engineerCost={engineerCost}>
+    <MockCurrencyProvider currency={currency}>{children}</MockCurrencyProvider>
+  </MockConfigProvider>
+);
 
 describe.each`
   engineerCost | ratio           | amount     | expected

plugins/cost-insights/src/components/CostInsightsNavigation/CostInsightsNavigation.tsx

@@ -66,10 +66,10 @@ export const CostInsightsNavigation = ({
                 })}
               </Badge>
             ) : (
-                React.cloneElement(item.icon, {
-                  className: classes.navigationIcon,
-                })
-              )
+              React.cloneElement(item.icon, {
+                className: classes.navigationIcon,
+              })
+            )
           }
           title={item.title}
         />

plugins/cost-insights/src/components/CostInsightsPage/CostInsightsPage.tsx

@@ -41,13 +41,7 @@ import {
   useLastCompleteBillingDate,
   useLoading,
 } from '../../hooks';
-import {
-  Alert,
-  Cost,
-  Maybe,
-  MetricData,
-  Project,
-} from '../../types';
+import { Alert, Cost, Maybe, MetricData, Project } from '../../types';
 import { mapLoadingToProps } from './selector';
 import { ProjectSelect } from '../ProjectSelect';
 import { intervalsOf } from '../../utils/duration';

plugins/cost-insights/src/components/ProjectGrowthAlertCard/ProjectGrowthAlertCard.tsx

@@ -32,8 +32,9 @@ export const ProjectGrowthAlertCard = ({ alert }: ProjectGrowthAlertProps) => {
   const [costStart, costEnd] = alert.aggregation;
 
   const subheader = `
-    ${alert.products.length} ${pluralOf(alert.products.length, 'product')}${alert.products.length > 1 ? ', sorted by cost' : ''
-    }`;
+    ${alert.products.length} ${pluralOf(alert.products.length, 'product')}${
+    alert.products.length > 1 ? ', sorted by cost' : ''
+  }`;
   const previousName = moment(alert.periodStart, 'YYYY-[Q]Q').format(
     '[Q]Q YYYY',
   );

plugins/cost-insights/src/hooks/useLoading.tsx

@@ -68,7 +68,7 @@ export const LoadingProvider = ({ children }: PropsWithChildren<{}>) => {
       // Initial page loading is handled by progress bar
       setBackdropVisible(
         !state[DefaultLoadingAction.CostInsightsInitial] &&
-        Object.values(state).some(l => l),
+          Object.values(state).some(l => l),
       );
     }
     displayLoadingBackdrop();