m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Displaying the aggregators from tokenList in Detected token popover (#15835)

Browse Source 
* using the aggregators from tokenList instead of detectedToken to avoid conflicts between static and dynamic list

* removing aggregator from the detectTokens object List
This commit is contained in:
Niranjana Binoy 2022-09-15 11:23:18 -04:00 committed by GitHub
parent 3a25733fa6
commit 32aa47ddb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.storybook/test-data.js
View File

@ -174,8 +174,8 @@ const state = {
name: 'Falconswap',
iconUrl:
'https://assets.coingecko.com/coins/images/12256/thumb/falconswap.png?1598534184',
aggregators: ['CoinGecko', '1inch', 'Paraswap', 'Zapper', 'Zerion'],
occurrences: 12,
aggregators: ['CoinGecko', '1inch', 'Lifi'],
occurrences:3,
unlisted: false,
},
'0xc011a73ee8576fb46f5e1c5751ca3b9fe0af2a6f': {

3
app/scripts/controllers/detect-tokens.js
View File

@ -150,7 +150,7 @@ export default class DetectTokensController {
if (result) {
const nonZeroTokenAddresses = Object.keys(result);
for (const nonZeroTokenAddress of nonZeroTokenAddresses) {
const { address, symbol, decimals, aggregators } =
const { address, symbol, decimals } =
tokenListUsed[nonZeroTokenAddress];
eventTokensDetails.push(`${symbol} - ${address}`);
@ -159,7 +159,6 @@ export default class DetectTokensController {
address,
symbol,
decimals,
aggregators,
});
}

10
app/scripts/controllers/detect-tokens.test.js
View File

@ -249,7 +249,7 @@ describe('DetectTokensController', function () {
address: tokenValues[0].address,
symbol: tokenValues[0].symbol,
decimals: tokenValues[0].decimals,
aggregators: tokenValues[0].aggregators,
aggregators: undefined,
image: undefined,
isERC721: undefined,
},
@ -270,7 +270,7 @@ describe('DetectTokensController', function () {
address: toChecksumHexAddress(tokenValues[0].address),
decimals: tokenValues[0].decimals,
symbol: tokenValues[0].symbol,
aggregators: tokenValues[0].aggregators,
aggregators: undefined,
image: undefined,
isERC721: undefined,
},
@ -303,7 +303,7 @@ describe('DetectTokensController', function () {
address: existingToken.address,
symbol: existingToken.symbol,
decimals: existingToken.decimals,
aggregators: existingToken.aggregators,
aggregators: undefined,
image: undefined,
isERC721: undefined,
},
@ -321,7 +321,7 @@ describe('DetectTokensController', function () {
address: toChecksumHexAddress(existingTokenAddress),
decimals: existingToken.decimals,
symbol: existingToken.symbol,
aggregators: existingToken.aggregators,
aggregators: undefined,
image: undefined,
isERC721: undefined,
},
@ -329,7 +329,7 @@ describe('DetectTokensController', function () {
address: toChecksumHexAddress(tokenAddressToAdd),
decimals: tokenToAdd.decimals,
symbol: tokenToAdd.symbol,
aggregators: tokenToAdd.aggregators,
aggregators: undefined,
image: undefined,
isERC721: undefined,
},

9
ui/components/app/detected-token/detected-token-details/detected-token-details.js
View File

@ -1,5 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useSelector } from 'react-redux';
import Box from '../../../ui/box';
import Identicon from '../../../ui/identicon';
@ -7,12 +8,16 @@ import DetectedTokenValues from '../detected-token-values/detected-token-values'
import DetectedTokenAddress from '../detected-token-address/detected-token-address';
import DetectedTokenAggregators from '../detected-token-aggregators/detected-token-aggregators';
import { DISPLAY } from '../../../../helpers/constants/design-system';
import { getTokenList } from '../../../../selectors';
const DetectedTokenDetails = ({
token,
handleTokenSelection,
tokensListDetected,
}) => {
const tokenList = useSelector(getTokenList);
const tokenData = tokenList[token.address?.toLowerCase()];
return (
<Box
display={DISPLAY.FLEX}
@ -35,8 +40,8 @@ const DetectedTokenDetails = ({
tokensListDetected={tokensListDetected}
/>
<DetectedTokenAddress tokenAddress={token.address} />
{token.aggregators.length && (
<DetectedTokenAggregators aggregators={token.aggregators} />
{tokenData?.aggregators.length > 0 && (
<DetectedTokenAggregators aggregators={tokenData?.aggregators} />
)}
</Box>
</Box>

2
ui/components/app/detected-token/detected-token-details/detected-token-details.test.js
View File

@ -87,7 +87,7 @@ describe('DetectedTokenDetails', () => {
fireEvent.click(screen.getByText('+ 10 more'));
expect(
screen.getByText(
'Aave, Bancor, CMC, Crypto.com, CoinGecko, 1Inch, Paraswap, PMM, Synthetix, Zapper, Zerion, 0x.',
'Aave, Bancor, CMC, Crypto.com, CoinGecko, 1inch, Paraswap, PMM, Synthetix, Zapper, Zerion, 0x.',
),
).toBeInTheDocument();
});

26
ui/components/app/detected-token/detected-token.test.js
View File

@ -23,27 +23,25 @@ describe('DetectedToken', () => {
expect(screen.getByText('0xc00...6888')).toBeInTheDocument();
expect(screen.getByText('0xfff...26DB')).toBeInTheDocument();
expect(screen.getAllByText('From token lists:')).toHaveLength(3);
expect(screen.getByText('coinGecko, oneInch')).toBeInTheDocument();
expect(screen.getByText('+ 3 more')).toBeInTheDocument();
fireEvent.click(screen.getByText('+ 3 more'));
expect(screen.getByText('Aave, Bancor')).toBeInTheDocument();
expect(screen.getByText('+ 9 more')).toBeInTheDocument();
fireEvent.click(screen.getByText('+ 9 more'));
expect(
screen.getByText('coinGecko, oneInch, paraswap, zapper, zerion.'),
screen.getByText(
'Aave, Bancor, CMC, Crypto.com, CoinGecko, 1inch, Paraswap, PMM, Zapper, Zerion, 0x.',
),
).toBeInTheDocument();
expect(screen.getByText('bancor, cmc')).toBeInTheDocument();
expect(screen.getByText('Bancor, CMC')).toBeInTheDocument();
expect(screen.getByText('+ 8 more')).toBeInTheDocument();
fireEvent.click(screen.getByText('+ 8 more'));
expect(
screen.getByText(
'bancor, cmc, cryptocom, coinGecko, oneInch, paraswap, pmm, zapper, zerion, zeroEx.',
),
).toBeInTheDocument();
expect(screen.getByText('aave, cmc')).toBeInTheDocument();
expect(screen.getByText('+ 5 more')).toBeInTheDocument();
fireEvent.click(screen.getByText('+ 5 more'));
expect(
screen.getByText(
'aave, cmc, coinGecko, oneInch, paraswap, zapper, zerion.',
'Bancor, CMC, Crypto.com, CoinGecko, 1inch, Paraswap, PMM, Zapper, Zerion, 0x.',
),
).toBeInTheDocument();
expect(screen.getByText('CoinGecko, 1inch')).toBeInTheDocument();
expect(screen.getByText('+ 1 more')).toBeInTheDocument();
fireEvent.click(screen.getByText('+ 1 more'));
expect(screen.getByText('CoinGecko, 1inch, Lifi.')).toBeInTheDocument();
});
});