From 004e197863e4df942d21f9e4ed629c08eeadad56 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 14 Nov 2018 16:01:16 -0800
Subject: feat(instant): add icons to token selector

---
 packages/instant/src/components/erc20_token_selector.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'packages/instant/src/components')

diff --git a/packages/instant/src/components/erc20_token_selector.tsx b/packages/instant/src/components/erc20_token_selector.tsx
index e4d8749a9..62dd52a4c 100644
--- a/packages/instant/src/components/erc20_token_selector.tsx
+++ b/packages/instant/src/components/erc20_token_selector.tsx
@@ -79,6 +79,7 @@ class TokenSelectorRow extends React.Component<TokenSelectorRowProps> {
     public render(): React.ReactNode {
         const { token } = this.props;
         const displaySymbol = assetUtils.bestNameForAsset(token);
+        const TokenIcon = require(`../assets/icons/${token.metaData.symbol}.svg`);
         return (
             <Container
                 padding="12px 0px"
@@ -93,11 +94,15 @@ class TokenSelectorRow extends React.Component<TokenSelectorRowProps> {
                 <Container marginLeft="5px">
                     <Flex justify="flex-start">
                         <Container marginRight="10px">
-                            <Circle diameter={30} rawColor={token.metaData.primaryColor}>
-                                <Flex height="100%">
-                                    <Text fontColor={ColorOption.white} fontSize="8px">
-                                        {displaySymbol}
-                                    </Text>
+                            <Circle diameter={26} rawColor={token.metaData.primaryColor}>
+                                <Flex height="100%" width="100%">
+                                    {!_.isUndefined(TokenIcon) ? (
+                                        <TokenIcon />
+                                    ) : (
+                                        <Text fontColor={ColorOption.white} fontSize="8px">
+                                            {displaySymbol}
+                                        </Text>
+                                    )}
                                 </Flex>
                             </Circle>
                         </Container>
-- 
cgit