diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-18 11:05:58 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-19 02:35:13 +0800 |
commit | 26661f30917139f28f0d6a44d81610de7f92166c (patch) | |
tree | 3fd9df62f94cb0c876ae1fa7dce83711b641167a /packages/website/ts/components | |
parent | e6e8d49d724fffff9874a525fbdc258d21715f56 (diff) | |
download | dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar.gz dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar.bz2 dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar.lz dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar.xz dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.tar.zst dexon-0x-contracts-26661f30917139f28f0d6a44d81610de7f92166c.zip |
Wallet instead of balances for small screens
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 44 |
1 files changed, 21 insertions, 23 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 898790272..b992204a7 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -249,7 +249,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { if (this._isSmallScreen()) { return <SmallLayout content={this._renderRelayerIndexSection()} />; } else { - return <LargeLayout left={this._renderWallet()} right={this._renderRelayerIndexSection()} />; + return <LargeLayout left={this._renderWalletSection()} right={this._renderRelayerIndexSection()} />; } } private _renderOtherRoutes(routeComponentProps: RouteComponentProps<any>): React.ReactNode { @@ -278,30 +278,28 @@ export class Portal extends React.Component<PortalProps, PortalState> { const allTokens = _.values(this.props.tokenByAddress); const trackedTokens = _.filter(allTokens, t => t.isTracked); return ( - <Section - header={<TextHeader labelText="Your Account" />} - body={ - <Wallet - userAddress={this.props.userAddress} - networkId={this.props.networkId} - blockchain={this._blockchain} - blockchainIsLoaded={this.props.blockchainIsLoaded} - blockchainErr={this.props.blockchainErr} - dispatcher={this.props.dispatcher} - tokenByAddress={this.props.tokenByAddress} - trackedTokens={trackedTokens} - userEtherBalanceInWei={this.props.userEtherBalanceInWei} - lastForceTokenStateRefetch={this.props.lastForceTokenStateRefetch} - injectedProviderName={this.props.injectedProviderName} - providerType={this.props.providerType} - onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)} - onAddToken={this._onAddToken.bind(this)} - onRemoveToken={this._onRemoveToken.bind(this)} - /> - } + <Wallet + userAddress={this.props.userAddress} + networkId={this.props.networkId} + blockchain={this._blockchain} + blockchainIsLoaded={this.props.blockchainIsLoaded} + blockchainErr={this.props.blockchainErr} + dispatcher={this.props.dispatcher} + tokenByAddress={this.props.tokenByAddress} + trackedTokens={trackedTokens} + userEtherBalanceInWei={this.props.userEtherBalanceInWei} + lastForceTokenStateRefetch={this.props.lastForceTokenStateRefetch} + injectedProviderName={this.props.injectedProviderName} + providerType={this.props.providerType} + onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)} + onAddToken={this._onAddToken.bind(this)} + onRemoveToken={this._onRemoveToken.bind(this)} /> ); } + private _renderWalletSection(): React.ReactNode { + return <Section header={<TextHeader labelText="Your Account" />} body={this._renderWallet()} />; + } private _renderAccountManagement(): React.ReactNode { const accountManagementItems: AccountManagementItem[] = [ { @@ -312,7 +310,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { { pathName: `${WebsitePaths.Portal}/account`, headerText: 'Your Account', - render: this._renderTokenBalances.bind(this), + render: this._isSmallScreen() ? this._renderWallet.bind(this) : this._renderTokenBalances.bind(this), }, { pathName: `${WebsitePaths.Portal}/trades`, |