feat: MultichainBalanceController

app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentage.stories.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { Provider } from 'react-redux';
-import AggregatedPercentage, {
-  AggregatedPercentageProps,
-} from './AggregatedPercentage';
+import AggregatedPercentage from './AggregatedPercentage';
 import { createStore } from 'redux';
 import initialBackgroundState from '../../../../util/test/initial-background-state.json';
-
+import { AggregatedPercentageProps } from './AggregatedPercentage.types';
 const mockInitialState = {
   wizard: {
     step: 1,

app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentage.tsx

@@ -15,13 +15,7 @@ import {
   FORMATTED_PERCENTAGE_TEST_ID,
 } from './AggregatedPercentage.constants';
 import { DECIMALS_TO_SHOW } from '../../../../components/UI/Tokens/constants';
-
-export interface AggregatedPercentageProps {
-  ethFiat: number;
-  tokenFiat: number;
-  tokenFiat1dAgo: number;
-  ethFiat1dAgo: number;
-}
+import { AggregatedPercentageProps } from './AggregatedPercentage.types';
 
 const isValidAmount = (amount: number | null | undefined): boolean =>
   amount !== null && amount !== undefined && !Number.isNaN(amount);
@@ -32,13 +26,7 @@ const AggregatedPercentage = ({
   tokenFiat1dAgo,
   ethFiat1dAgo,
   privacyMode = false,
-}: {
-  ethFiat: number;
-  tokenFiat: number;
-  tokenFiat1dAgo: number;
-  ethFiat1dAgo: number;
-  privacyMode?: boolean;
-}) => {
+}: AggregatedPercentageProps) => {
   const { styles } = useStyles(styleSheet, {});
 
   const currentCurrency = useSelector(selectCurrentCurrency);

app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentage.types.ts

@@ -0,0 +1,7 @@
+export interface AggregatedPercentageProps {
+  ethFiat: number;
+  tokenFiat: number;
+  tokenFiat1dAgo: number;
+  ethFiat1dAgo: number;
+  privacyMode?: boolean;
+}

app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentageCrossChains.tsx

@@ -17,13 +17,7 @@ import {
   TokensWithBalances,
 } from '../../../../components/hooks/useGetFormattedTokensPerChain';
 import { getFormattedAmountChange, getPercentageTextColor } from './utils';
-
-export interface AggregatedPercentageProps {
-  ethFiat: number;
-  tokenFiat: number;
-  tokenFiat1dAgo: number;
-  ethFiat1dAgo: number;
-}
+import { AggregatedPercentageCrossChainsProps } from './AggregatedPercentageCrossChains.types';
 
 export const getCalculatedTokenAmount1dAgo = (
   tokenFiatBalance: number,
@@ -40,16 +34,7 @@ const AggregatedPercentageCrossChains = ({
   privacyMode = false,
   totalFiatCrossChains,
   tokenFiatBalancesCrossChains,
-}: {
-  privacyMode?: boolean;
-  totalFiatCrossChains: number;
-  tokenFiatBalancesCrossChains: {
-    chainId: string;
-    nativeFiatValue: number;
-    tokenFiatBalances: number[];
-    tokensWithBalances: TokensWithBalances[];
-  }[];
-}) => {
+}: AggregatedPercentageCrossChainsProps) => {
   const crossChainMarketData: MarketDataMapping = useSelector(
     selectTokenMarketData,
   );

app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentageCrossChains.types.tsx

@@ -0,0 +1,12 @@
+import { TokensWithBalances } from '../../../../components/hooks/useGetFormattedTokensPerChain';
+
+export interface AggregatedPercentageCrossChainsProps {
+  privacyMode?: boolean;
+  totalFiatCrossChains: number;
+  tokenFiatBalancesCrossChains: {
+    chainId: string;
+    nativeFiatValue: number;
+    tokenFiatBalances: number[];
+    tokensWithBalances: TokensWithBalances[];
+  }[];
+}