diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-10 00:28:57 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-10 00:28:57 +0800 |
| commit | 9f2258ebd962f60dfaa277814a3ead93d1b19ac7 (patch) | |
| tree | 317b29172b0e2b4e68a0638740e4217cebd6ad70 /packages/website/ts | |
| parent | 71e2ee62e4b68fe6a65e788c4aef61d8574f8803 (diff) | |
| download | dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar.gz dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar.bz2 dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar.lz dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar.xz dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.tar.zst dexon-sol-tools-9f2258ebd962f60dfaa277814a3ead93d1b19ac7.zip | |
Change relayer grid tile to link on header
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 34 |
1 files changed, 17 insertions, 17 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 677c66695..cf2a1f66d 100644 --- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx +++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx @@ -65,25 +65,25 @@ const styles: Styles = { export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (props: RelayerGridTileProps) => { const link = props.relayerInfo.appUrl || props.relayerInfo.url; return ( - <a href={link} target="_blank" style={{ textDecoration: 'none' }}> - <GridTile style={styles.root}> - <div style={styles.innerDiv}> + <GridTile style={styles.root}> + <div style={styles.innerDiv}> + <a href={link} target="_blank" style={{ textDecoration: 'none' }}> <img src={props.relayerInfo.headerImgUrl} style={styles.header} /> - <div style={styles.body}> - <div className="py1" style={styles.relayerNameLabel}> - {props.relayerInfo.name} - </div> - <div style={styles.dailyTradeVolumeLabel}>{props.relayerInfo.dailyTxnVolume}</div> - <div className="py1" style={styles.subLabel}> - Daily Trade Volume - </div> - <TopTokens tokens={props.relayerInfo.topTokens} networkId={props.networkId} /> - <div className="py1" style={styles.subLabel}> - Top tokens - </div> + </a> + <div style={styles.body}> + <div className="py1" style={styles.relayerNameLabel}> + {props.relayerInfo.name} + </div> + <div style={styles.dailyTradeVolumeLabel}>{props.relayerInfo.dailyTxnVolume}</div> + <div className="py1" style={styles.subLabel}> + Daily Trade Volume + </div> + <TopTokens tokens={props.relayerInfo.topTokens} networkId={props.networkId} /> + <div className="py1" style={styles.subLabel}> + Top tokens </div> </div> - </GridTile> - </a> + </div> + </GridTile> ); }; |