diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-03 11:42:17 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-04 04:59:00 +0800 |
| commit | fe0f4ae25759eb6b6cad8c6608ebff526366c059 (patch) | |
| tree | 848d3ae8383ee80bf41498bba32acedc724a077b /packages/website | |
| parent | cf9555debc445f6645cfdf4e9835247abc084638 (diff) | |
| download | dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.gz dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.zst dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.zip | |
Add header images to relayer grid tiles
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 8 | ||||
| -rw-r--r-- | packages/website/ts/types.ts | 3 |
2 files changed, 7 insertions, 4 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx index 0c4b2841c..7d0551581 100644 --- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx +++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx @@ -12,8 +12,7 @@ export interface RelayerGridTileProps { networkId: number; } -// TODO: Get top tokens and headerurl from remote -const headerUrl = '/images/og_image.png'; +// TODO: Get top tokens from remote const topTokens = [ { address: '0x1dad4783cf3fe3085c1426157ab175a6119a04ba', @@ -68,6 +67,9 @@ const styles: Styles = { borderBottomLeftRadius: 4, borderTopRightRadius: 4, borderTopLeftRadius: 4, + borderWidth: 1, + borderStyle: 'solid', + borderColor: colors.walletBorder, }, body: { paddingLeft: 6, @@ -95,7 +97,7 @@ export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = ( return ( <GridTile style={styles.root}> <div style={styles.innerDiv}> - <img src={headerUrl} style={styles.header} /> + <img src={props.relayerInfo.headerImgUrl} style={styles.header} /> <div style={styles.body}> <div className="py1" style={styles.relayerNameLabel}> {props.relayerInfo.name} diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts index 05adca460..484f09e5d 100644 --- a/packages/website/ts/types.ts +++ b/packages/website/ts/types.ts @@ -502,11 +502,12 @@ export interface TokenState { price?: BigNumber; } -// TODO: Add topTokens and headerUrl properties once available from backend +// TODO: Add topTokens property once available from backend export interface WebsiteBackendRelayerInfo { name: string; dailyTxnVolume: string; url: string; + headerImgUrl: string; } export interface WebsiteBackendPriceInfo { |