aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-03 11:42:17 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-04 04:59:00 +0800
commitfe0f4ae25759eb6b6cad8c6608ebff526366c059 (patch)
tree848d3ae8383ee80bf41498bba32acedc724a077b /packages
parentcf9555debc445f6645cfdf4e9835247abc084638 (diff)
downloaddexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.gz
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.bz2
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.lz
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.xz
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.tar.zst
dexon-sol-tools-fe0f4ae25759eb6b6cad8c6608ebff526366c059.zip
Add header images to relayer grid tiles
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/components/relayer_index/relayer_grid_tile.tsx8
-rw-r--r--packages/website/ts/types.ts3
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 {