aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-18 11:05:58 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-19 02:35:13 +0800
commit26661f30917139f28f0d6a44d81610de7f92166c (patch)
tree3fd9df62f94cb0c876ae1fa7dce83711b641167a
parente6e8d49d724fffff9874a525fbdc258d21715f56 (diff)
downloaddexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar.gz
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar.bz2
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar.lz
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar.xz
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.tar.zst
dexon-sol-tools-26661f30917139f28f0d6a44d81610de7f92166c.zip
Wallet instead of balances for small screens
-rw-r--r--packages/website/ts/components/portal/portal.tsx44
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`,