crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't throw error if can't find icon for token

Browse Source
This commit is contained in:
Steve Klebanoff
2018-12-10 09:00:05 -08:00
committed by Fred Carlsen
parent 93422eab55
commit 8e071db074
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/instant/src/components/erc20_token_selector.tsx
View File

@@ -7,7 +7,6 @@ import { analytics } from '../util/analytics';
import { assetUtils } from '../util/asset'; import { assetUtils } from '../util/asset';
import { SearchInput } from './search_input'; import { SearchInput } from './search_input';
import { Circle } from './ui/circle'; import { Circle } from './ui/circle';
import { Container } from './ui/container'; import { Container } from './ui/container';
import { Flex } from './ui/flex'; import { Flex } from './ui/flex';
@@ -123,10 +122,20 @@ interface TokenSelectorRowIconProps {
token: ERC20Asset; token: ERC20Asset;
} }
const getTokenIcon = (symbol: string): React.StatelessComponent | undefined => {
try {
return require(`../assets/icons/${symbol}.svg`) as React.StatelessComponent;
} catch (e) {
// Can't find icon
return undefined;
}
};
const TokenSelectorRowIcon: React.StatelessComponent<TokenSelectorRowIconProps> = props => { const TokenSelectorRowIcon: React.StatelessComponent<TokenSelectorRowIconProps> = props => {
const { token } = props; const { token } = props;
const iconUrlIfExists = token.metaData.iconUrl; const iconUrlIfExists = token.metaData.iconUrl;
const TokenIcon = require(`../assets/icons/${token.metaData.symbol}.svg`);
const TokenIcon = getTokenIcon(token.metaData.symbol);
const displaySymbol = assetUtils.bestNameForAsset(token); const displaySymbol = assetUtils.bestNameForAsset(token);
if (!_.isUndefined(iconUrlIfExists)) { if (!_.isUndefined(iconUrlIfExists)) {
return <img src={iconUrlIfExists} />; return <img src={iconUrlIfExists} />;