Re add wrapped ether item

packages/website/ts/components/wallet/wallet.tsx

@@ -383,7 +383,9 @@ 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 flex-column">
                 <div className="flex items-center" style={style}>
                     <div className="px2">{icon}</div>
                     <div className="flex-none pr2 pt2 pb2">
@@ -393,6 +395,21 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
                     <div className="flex-auto" />
                     <div>{this._renderAccessoryItems(accessoryItemConfig)}</div>
                 </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>
         );
     }
     private _renderAccessoryItems(config: AccessoryItemConfig): React.ReactElement<{}> {