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

feat(instant): add icons to token selector

Browse Source
This commit is contained in:
Brandon Millman
2018-11-14 16:01:16 -08:00
parent ae1fb97794
commit 004e197863
35 changed files with 223 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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>