crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Re add wrapped ether item

Browse Source
This commit is contained in:
Brandon Millman 2018-05-21 16:43:55 -07:00
parent 26370da13d
commit ed8acdb11c
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/website/ts/components/wallet/wallet.tsx
View File

@ -383,15 +383,32 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
const style = shouldShowWrapEtherItem
? { ...walletItemStyles.focusedItem, ...styles.paddedItem }
: { ...styles.tokenItem, ...styles.borderedItem, ...styles.paddedItem };
const etherToken = this._getEthToken();
return (
<div className="flex items-center" style={style}>
<div className="px2">{icon}</div>
<div className="flex-none pr2 pt2 pb2">
{primaryText}
{secondaryText}
<div className="flex flex-column">
<div className="flex items-center" style={style}>
<div className="px2">{icon}</div>
<div className="flex-none pr2 pt2 pb2">
{primaryText}
{secondaryText}
</div>
<div className="flex-auto" />
<div>{this._renderAccessoryItems(accessoryItemConfig)}</div>
</div>
<div className="flex-auto" />
<div>{this._renderAccessoryItems(accessoryItemConfig)}</div>
{shouldShowWrapEtherItem && (
<WrapEtherItem
userAddress={this.props.userAddress}
networkId={this.props.networkId}
blockchain={this.props.blockchain}
dispatcher={this.props.dispatcher}
userEtherBalanceInWei={this.props.userEtherBalanceInWei}
direction={accessoryItemConfig.wrappedEtherDirection}
etherToken={etherToken}
lastForceTokenStateRefetch={this.props.lastForceTokenStateRefetch}
onConversionSuccessful={this._closeWrappedEtherActionRow.bind(this)}
refetchEthTokenStateAsync={this._refetchTokenStateAsync.bind(this, etherToken.address)}
/>
)}
</div>
);
}