aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-11 01:00:05 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-11 01:00:05 +0800
commit9d8ab43f916ba70ee979f80a94317541af547b8b (patch)
tree5765fc5f7707b6b908eeb3fde1fa0f6abcc2d7b4 /packages/instant/src/components
parenta286228b2005c33cc4ca8e17772a9bd259eeb1ce (diff)
downloaddexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar.gz
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar.bz2
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar.lz
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar.xz
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.tar.zst
dexon-sol-tools-9d8ab43f916ba70ee979f80a94317541af547b8b.zip
Don't throw error if can't find icon for token
Diffstat (limited to 'packages/instant/src/components')
-rw-r--r--packages/instant/src/components/erc20_token_selector.tsx13
1 files changed, 11 insertions, 2 deletions
diff --git a/packages/instant/src/components/erc20_token_selector.tsx b/packages/instant/src/components/erc20_token_selector.tsx
index f7d5a4fe4..cb8a8c797 100644
--- a/packages/instant/src/components/erc20_token_selector.tsx
+++ b/packages/instant/src/components/erc20_token_selector.tsx
@@ -7,7 +7,6 @@ import { analytics } from '../util/analytics';
import { assetUtils } from '../util/asset';
import { SearchInput } from './search_input';
-
import { Circle } from './ui/circle';
import { Container } from './ui/container';
import { Flex } from './ui/flex';
@@ -123,10 +122,20 @@ interface TokenSelectorRowIconProps {
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 { token } = props;
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);
if (!_.isUndefined(iconUrlIfExists)) {
return <img src={iconUrlIfExists} />;