diff options
Diffstat (limited to 'packages/website/ts/components/portal')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 09f2ba10a..f3b0cc721 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -210,7 +210,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { <Route exact={true} path={`${WebsitePaths.Portal}`} - component={this._renderWallet.bind(this)} + render={this._renderWallet.bind(this)} /> </Switch> </div> @@ -227,13 +227,17 @@ export class Portal extends React.Component<PortalProps, PortalState> { /> <Route path={`${WebsitePaths.Portal}/trades`} - component={this._renderTradeHistory.bind(this)} + render={this._renderTradeHistory.bind(this)} /> <Route path={`${WebsitePaths.Portal}/direct`} - component={this._renderTradeDirect.bind(this)} + render={this._renderTradeDirect.bind(this)} + /> + <Route + exact={true} + path={`${WebsitePaths.Portal}/`} + render={this._renderRelayerIndex.bind(this)} /> - <Route path={`${WebsitePaths.Home}`} component={this._renderRelayerIndex.bind(this)} /> </Switch> </div> </div> @@ -275,7 +279,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderMenu(routeComponentProps: RouteComponentProps<any>) { + private _renderMenu(routeComponentProps: RouteComponentProps<any>): React.ReactNode { return ( <div> <BackButton to={`${WebsitePaths.Portal}`} labelText={'back to Relayers'} /> @@ -283,7 +287,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderWallet() { + private _renderWallet(): React.ReactNode { const allTokens = _.values(this.props.tokenByAddress); const trackedTokens = _.filter(allTokens, t => t.isTracked); return ( @@ -309,7 +313,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderEthWrapper() { + private _renderEthWrapper(): React.ReactNode { return ( <div> <Title labelText={'Wrapped ETH'} /> @@ -325,7 +329,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderTradeHistory() { + private _renderTradeHistory(): React.ReactNode { return ( <div> <Title labelText={'Trade History'} /> @@ -337,7 +341,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderTradeDirect(match: any, location: Location, history: History) { + private _renderTradeDirect(match: any, location: Location, history: History): React.ReactNode { return ( <div> <Title labelText={'Trade Direct'} /> @@ -349,7 +353,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderTokenBalances() { + private _renderTokenBalances(): React.ReactNode { const allTokens = _.values(this.props.tokenByAddress); const trackedTokens = _.filter(allTokens, t => t.isTracked); return ( @@ -371,7 +375,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { </div> ); } - private _renderRelayerIndex() { + private _renderRelayerIndex(): React.ReactNode { return ( <div> <Title labelText={'Explore 0x Relayers'} /> |