|
|
|
@ -83,7 +83,7 @@ DepositEtherModal.prototype.renderRow = function ({ |
|
|
|
|
|
|
|
|
|
]), |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__buy-row__logo', [logo]), |
|
|
|
|
h('div.deposit-ether-modal__buy-row__logo-container', [logo]), |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__buy-row__description', [ |
|
|
|
|
|
|
|
|
@ -109,17 +109,17 @@ DepositEtherModal.prototype.render = function () { |
|
|
|
|
const isTestNetwork = ['3', '4', '42'].find(n => n === network) |
|
|
|
|
const networkName = networkNames[network] |
|
|
|
|
|
|
|
|
|
return h('div.deposit-ether-modal', {}, [ |
|
|
|
|
return h('div.page-container.page-container--full-width', {}, [ |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__header', [ |
|
|
|
|
h('div.page-container__header', [ |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__header__title', [t('depositEther')]), |
|
|
|
|
h('div.page-container__title', [t('depositEther')]), |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__header__description', [ |
|
|
|
|
h'div.page-container__subtitle', [ |
|
|
|
|
t('needEtherInWallet'), |
|
|
|
|
]), |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__header__close', { |
|
|
|
|
h('div.page-container__header-close', { |
|
|
|
|
onClick: () => { |
|
|
|
|
this.setState({ buyingWithShapeshift: false }) |
|
|
|
|
this.props.hideWarning() |
|
|
|
@ -129,6 +129,8 @@ DepositEtherModal.prototype.render = function () { |
|
|
|
|
|
|
|
|
|
]), |
|
|
|
|
|
|
|
|
|
h('.page-container__content', {}, [ |
|
|
|
|
|
|
|
|
|
h('div.deposit-ether-modal__buy-rows', [ |
|
|
|
|
|
|
|
|
|
this.renderRow({ |
|
|
|
@ -150,8 +152,11 @@ DepositEtherModal.prototype.render = function () { |
|
|
|
|
}), |
|
|
|
|
|
|
|
|
|
this.renderRow({ |
|
|
|
|
logo: h('img.deposit-ether-modal__buy-row__coinbase-logo', { |
|
|
|
|
src: '../../../images/coinbase logo.png', |
|
|
|
|
logo: h('div.deposit-ether-modal__logo', { |
|
|
|
|
style: { |
|
|
|
|
backgroundImage: 'url(\'../../../images/coinbase logo.png\')', |
|
|
|
|
height: '40px', |
|
|
|
|
}, |
|
|
|
|
}), |
|
|
|
|
title: COINBASE_ROW_TITLE, |
|
|
|
|
text: COINBASE_ROW_TEXT, |
|
|
|
@ -161,8 +166,10 @@ DepositEtherModal.prototype.render = function () { |
|
|
|
|
}), |
|
|
|
|
|
|
|
|
|
this.renderRow({ |
|
|
|
|
logo: h('img.deposit-ether-modal__buy-row__shapeshift-logo', { |
|
|
|
|
src: '../../../images/shapeshift logo.png', |
|
|
|
|
logo: h('div.deposit-ether-modal__logo', { |
|
|
|
|
style: { |
|
|
|
|
backgroundImage: 'url(\'../../../images/shapeshift logo.png\')', |
|
|
|
|
}, |
|
|
|
|
}), |
|
|
|
|
title: SHAPESHIFT_ROW_TITLE, |
|
|
|
|
text: SHAPESHIFT_ROW_TEXT, |
|
|
|
@ -179,6 +186,8 @@ DepositEtherModal.prototype.render = function () { |
|
|
|
|
buyingWithShapeshift && h(ShapeshiftForm), |
|
|
|
|
|
|
|
|
|
]), |
|
|
|
|
|
|
|
|
|
]), |
|
|
|
|
]) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|