aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-10 00:28:57 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-10 00:28:57 +0800
commit9f2258ebd962f60dfaa277814a3ead93d1b19ac7 (patch)
tree317b29172b0e2b4e68a0638740e4217cebd6ad70
parent71e2ee62e4b68fe6a65e788c4aef61d8574f8803 (diff)
downloaddexon-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
-rw-r--r--packages/website/ts/components/relayer_index/relayer_grid_tile.tsx34
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>
);
};