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/ts/components/relayer_index | |
| 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/ts/components/relayer_index')
| -rw-r--r-- | packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 8 |
1 files changed, 5 insertions, 3 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} |