diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-04-04 02:12:55 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-04-05 03:09:03 +0800 |
| commit | 250d97a7c4eacceb8d6be0b23a640e22cec5a43c (patch) | |
| tree | 94632f5dd234da01ad65d2856ba3a012aef32a88 /packages/website/ts/components/portal.tsx | |
| parent | 674e56cea69fe96ddd0071d3c4c5b5ea8ae299bf (diff) | |
| download | dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar.gz dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar.bz2 dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar.lz dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar.xz dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.tar.zst dexon-sol-tools-250d97a7c4eacceb8d6be0b23a640e22cec5a43c.zip | |
Implement initial relayer grid
Diffstat (limited to 'packages/website/ts/components/portal.tsx')
| -rw-r--r-- | packages/website/ts/components/portal.tsx | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/packages/website/ts/components/portal.tsx b/packages/website/ts/components/portal.tsx index ceb0ecc72..b79f5e288 100644 --- a/packages/website/ts/components/portal.tsx +++ b/packages/website/ts/components/portal.tsx @@ -15,6 +15,7 @@ import { EthWrappers } from 'ts/components/eth_wrappers'; import { FillOrder } from 'ts/components/fill_order'; import { Footer } from 'ts/components/footer'; import { PortalMenu } from 'ts/components/portal_menu'; +import { RelayerIndex } from 'ts/components/relayer_index/relayer_index'; import { TokenBalances } from 'ts/components/token_balances'; import { TopBar } from 'ts/components/top_bar/top_bar'; import { TradeHistory } from 'ts/components/trade_history/trade_history'; @@ -155,6 +156,7 @@ export class Portal extends React.Component<PortalAllProps, PortalAllState> { const updateShouldBlockchainErrDialogBeOpen = this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen.bind( this.props.dispatcher, ); + const isDevelopment = configs.ENVIRONMENT === Environments.DEVELOPMENT; const portalStyle: React.CSSProperties = { minHeight: '100vh', display: 'flex', @@ -204,12 +206,18 @@ export class Portal extends React.Component<PortalAllProps, PortalAllState> { <div className="py2" style={{ backgroundColor: colors.grey50 }}> {this.props.blockchainIsLoaded ? ( <Switch> - {configs.ENVIRONMENT === Environments.DEVELOPMENT && ( + {isDevelopment && ( <Route path={`${WebsitePaths.Portal}/wallet`} render={this._renderWallet.bind(this)} /> )} + {isDevelopment && ( + <Route + path={`${WebsitePaths.Portal}/relayers`} + render={this._renderRelayers.bind(this)} + /> + )} <Route path={`${WebsitePaths.Portal}/weth`} render={this._renderEthWrapper.bind(this)} @@ -313,6 +321,15 @@ export class Portal extends React.Component<PortalAllProps, PortalAllState> { </div> ); } + private _renderRelayers() { + return ( + <div className="flex flex-center"> + <div className="mx-auto" style={{ width: 800 }}> + <RelayerIndex networkId={this.props.networkId} /> + </div> + </div> + ); + } private _renderEthWrapper() { return ( <EthWrappers |