diff options
author | Brandon Millman <brandon@0xproject.com> | 2018-05-09 05:30:26 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-05-09 05:30:26 +0800 |
commit | 71e2ee62e4b68fe6a65e788c4aef61d8574f8803 (patch) | |
tree | 17ac2dbeb3ead320b639671910b33c42fa542a9b /packages/website/ts/components/relayer_index/relayer_top_tokens.tsx | |
parent | 6c8ee4d55df2d9fdd9f9781fff31ddcc1c9b4be1 (diff) | |
parent | f94d4b492dc0a2bfdd8bfa8d9a1376ed33b03060 (diff) | |
download | dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar.gz dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar.bz2 dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar.lz dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar.xz dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.tar.zst dexon-sol-tools-71e2ee62e4b68fe6a65e788c4aef61d8574f8803.zip |
Merge pull request #576 from 0xProject/feature/website/top-tokens
Display top tokens from backend
Diffstat (limited to 'packages/website/ts/components/relayer_index/relayer_top_tokens.tsx')
-rw-r--r-- | packages/website/ts/components/relayer_index/relayer_top_tokens.tsx | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_top_tokens.tsx b/packages/website/ts/components/relayer_index/relayer_top_tokens.tsx index 233590b78..db4d3a211 100644 --- a/packages/website/ts/components/relayer_index/relayer_top_tokens.tsx +++ b/packages/website/ts/components/relayer_index/relayer_top_tokens.tsx @@ -3,10 +3,10 @@ import * as _ from 'lodash'; import * as React from 'react'; import { TokenIcon } from 'ts/components/ui/token_icon'; -import { Token } from 'ts/types'; +import { WebsiteBackendTokenInfo } from 'ts/types'; export interface TopTokensProps { - tokens: Token[]; + tokens: WebsiteBackendTokenInfo[]; networkId: number; } @@ -23,17 +23,17 @@ const styles: Styles = { export const TopTokens: React.StatelessComponent<TopTokensProps> = (props: TopTokensProps) => { return ( <div className="flex"> - {_.map(props.tokens, (token: Token, index: number) => { + {_.map(props.tokens, (tokenInfo: WebsiteBackendTokenInfo, index: number) => { const firstItemStyle = { ...styles.tokenLabel, ...styles.followingTokenLabel }; const style = index !== 0 ? firstItemStyle : styles.tokenLabel; return ( <a - key={token.address} - href={tokenLinkFromToken(token, props.networkId)} + key={tokenInfo.address} + href={tokenLinkFromToken(tokenInfo, props.networkId)} target="_blank" style={style} > - {token.symbol} + {tokenInfo.symbol} </a> ); })} @@ -41,6 +41,6 @@ export const TopTokens: React.StatelessComponent<TopTokensProps> = (props: TopTo ); }; -function tokenLinkFromToken(token: Token, networkId: number) { - return sharedUtils.getEtherScanLinkIfExists(token.address, networkId, EtherscanLinkSuffixes.Address); +function tokenLinkFromToken(tokenInfo: WebsiteBackendTokenInfo, networkId: number) { + return sharedUtils.getEtherScanLinkIfExists(tokenInfo.address, networkId, EtherscanLinkSuffixes.Address); } |