aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-06 13:48:13 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-06 16:33:35 +0800
commit3f19ab1a87b3015923688669d1068f5619485da2 (patch)
tree1fd160aa358541b299e18cd2a9ebe2ff32fe02ab /packages/website
parent39570a9663abae56b0220745306386197fae65c1 (diff)
downloaddexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar.gz
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar.bz2
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar.lz
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar.xz
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.tar.zst
dexon-sol-tools-3f19ab1a87b3015923688669d1068f5619485da2.zip
Add isFullWidth prop to TokenBalances component
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/components/portal/portal.tsx1
-rw-r--r--packages/website/ts/components/token_balances.tsx5
2 files changed, 5 insertions, 1 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx
index 9420395cf..28fcf10df 100644
--- a/packages/website/ts/components/portal/portal.tsx
+++ b/packages/website/ts/components/portal/portal.tsx
@@ -484,6 +484,7 @@ export class Portal extends React.Component<PortalProps, PortalState> {
userEtherBalanceInWei={this.props.userEtherBalanceInWei}
networkId={this.props.networkId}
lastForceTokenStateRefetch={this.props.lastForceTokenStateRefetch}
+ isFullWidth={true}
/>
);
}
diff --git a/packages/website/ts/components/token_balances.tsx b/packages/website/ts/components/token_balances.tsx
index 2bc065b0f..f313cd27e 100644
--- a/packages/website/ts/components/token_balances.tsx
+++ b/packages/website/ts/components/token_balances.tsx
@@ -73,6 +73,7 @@ interface TokenBalancesProps {
userEtherBalanceInWei: BigNumber;
networkId: number;
lastForceTokenStateRefetch: number;
+ isFullWidth?: boolean;
}
interface TokenBalancesState {
@@ -87,6 +88,7 @@ interface TokenBalancesState {
export class TokenBalances extends React.Component<TokenBalancesProps, TokenBalancesState> {
public static defaultProps: Partial<TokenBalancesProps> = {
userEtherBalanceInWei: new BigNumber(0),
+ isFullWidth: false,
};
private _isUnmounted: boolean;
public constructor(props: TokenBalancesProps) {
@@ -187,8 +189,9 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
this.props.userEtherBalanceInWei,
constants.DECIMAL_PLACES_ETH,
);
+ const rootClassName = this.props.isFullWidth ? 'pb2' : 'lg-px4 md-px4 sm-px1 pb2';
return (
- <div className="lg-px4 md-px4 sm-px1 pb2">
+ <div className={rootClassName}>
<h3>{isTestNetwork ? 'Test ether' : 'Ether'}</h3>
<Divider />
<div className="pt2 pb2">