diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-06 14:18:26 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-06 16:33:35 +0800 |
| commit | 03854baf53c5767db7130b8f6d7e91aae015e867 (patch) | |
| tree | 734e36992def64e533acf2d4c5a48ea089f68554 /packages/website/ts/components/eth_wrappers.tsx | |
| parent | 61dc253de1b4da6606bc0ddea463e78447598798 (diff) | |
| download | dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar.gz dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar.bz2 dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar.lz dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar.xz dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.tar.zst dexon-sol-tools-03854baf53c5767db7130b8f6d7e91aae015e867.zip | |
Update EthWrappers component
Diffstat (limited to 'packages/website/ts/components/eth_wrappers.tsx')
| -rw-r--r-- | packages/website/ts/components/eth_wrappers.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/website/ts/components/eth_wrappers.tsx b/packages/website/ts/components/eth_wrappers.tsx index 1db5ff77f..984c2a1d2 100644 --- a/packages/website/ts/components/eth_wrappers.tsx +++ b/packages/website/ts/components/eth_wrappers.tsx @@ -35,6 +35,7 @@ interface EthWrappersProps { userAddress: string; userEtherBalanceInWei?: BigNumber; lastForceTokenStateRefetch: number; + isFullWidth?: boolean; } interface EthWrappersState { @@ -43,6 +44,9 @@ interface EthWrappersState { } export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersState> { + public static defaultProps: Partial<EthWrappersProps> = { + isFullWidth: false, + }; private _isUnmounted: boolean; constructor(props: EthWrappersProps) { super(props); @@ -97,8 +101,9 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt this.props.userEtherBalanceInWei, constants.DECIMAL_PLACES_ETH, ); + const rootClassName = this.props.isFullWidth ? 'clearfix' : 'clearfix lg-px4 md-px4 sm-px2'; return ( - <div className="clearfix lg-px4 md-px4 sm-px2" style={{ minHeight: 600 }}> + <div className={rootClassName} style={{ minHeight: 600 }}> <div className="relative"> <h3>ETH Wrapper</h3> <div className="absolute" style={{ top: 0, right: 0 }}> |