Dan
7 years ago
parent
954394f810
commit
e488c0eeea
@ -1,74 +0,0 @@ |
|||||||
const Component = require('react').Component |
|
||||||
const h = require('react-hyperscript') |
|
||||||
const inherits = require('util').inherits |
|
||||||
const connect = require('react-redux').connect |
|
||||||
const { checksumAddress } = require('../../util') |
|
||||||
const Identicon = require('../identicon') |
|
||||||
const CurrencyDisplay = require('./currency-display') |
|
||||||
const { conversionRateSelector, getCurrentCurrency } = require('../../selectors') |
|
||||||
|
|
||||||
inherits(AccountListItem, Component) |
|
||||||
function AccountListItem () { |
|
||||||
Component.call(this) |
|
||||||
} |
|
||||||
|
|
||||||
function mapStateToProps (state) { |
|
||||||
return { |
|
||||||
conversionRate: conversionRateSelector(state), |
|
||||||
currentCurrency: getCurrentCurrency(state), |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
module.exports = connect(mapStateToProps)(AccountListItem) |
|
||||||
|
|
||||||
AccountListItem.prototype.render = function () { |
|
||||||
const { |
|
||||||
className, |
|
||||||
account, |
|
||||||
handleClick, |
|
||||||
icon = null, |
|
||||||
conversionRate, |
|
||||||
currentCurrency, |
|
||||||
displayBalance = true, |
|
||||||
displayAddress = false, |
|
||||||
} = this.props |
|
||||||
|
|
||||||
const { name, address, balance } = account || {} |
|
||||||
|
|
||||||
return h('div.account-list-item', { |
|
||||||
className, |
|
||||||
onClick: () => handleClick({ name, address, balance }), |
|
||||||
}, [ |
|
||||||
|
|
||||||
h('div.account-list-item__top-row', {}, [ |
|
||||||
|
|
||||||
h( |
|
||||||
Identicon, |
|
||||||
{ |
|
||||||
address, |
|
||||||
diameter: 18, |
|
||||||
className: 'account-list-item__identicon', |
|
||||||
}, |
|
||||||
), |
|
||||||
|
|
||||||
h('div.account-list-item__account-name', {}, name || address), |
|
||||||
|
|
||||||
icon && h('div.account-list-item__icon', [icon]), |
|
||||||
|
|
||||||
]), |
|
||||||
|
|
||||||
displayAddress && name && h('div.account-list-item__account-address', checksumAddress(address)), |
|
||||||
|
|
||||||
displayBalance && h(CurrencyDisplay, { |
|
||||||
primaryCurrency: 'ETH', |
|
||||||
convertedCurrency: currentCurrency, |
|
||||||
value: balance, |
|
||||||
conversionRate, |
|
||||||
readOnly: true, |
|
||||||
className: 'account-list-item__account-balances', |
|
||||||
primaryBalanceClassName: 'account-list-item__account-primary-balance', |
|
||||||
convertedBalanceClassName: 'account-list-item__account-secondary-balance', |
|
||||||
}, name), |
|
||||||
|
|
||||||
]) |
|
||||||
} |
|
||||||
@ -1,72 +0,0 @@ |
|||||||
const Component = require('react').Component |
|
||||||
const h = require('react-hyperscript') |
|
||||||
const inherits = require('util').inherits |
|
||||||
const AccountListItem = require('./account-list-item') |
|
||||||
|
|
||||||
module.exports = FromDropdown |
|
||||||
|
|
||||||
inherits(FromDropdown, Component) |
|
||||||
function FromDropdown () { |
|
||||||
Component.call(this) |
|
||||||
} |
|
||||||
|
|
||||||
FromDropdown.prototype.getListItemIcon = function (currentAccount, selectedAccount) { |
|
||||||
const listItemIcon = h(`i.fa.fa-check.fa-lg`, { style: { color: '#02c9b1' } }) |
|
||||||
|
|
||||||
return currentAccount.address === selectedAccount.address |
|
||||||
? listItemIcon |
|
||||||
: null |
|
||||||
} |
|
||||||
|
|
||||||
FromDropdown.prototype.renderDropdown = function () { |
|
||||||
const { |
|
||||||
accounts, |
|
||||||
selectedAccount, |
|
||||||
closeDropdown, |
|
||||||
onSelect, |
|
||||||
} = this.props |
|
||||||
|
|
||||||
return h('div', {}, [ |
|
||||||
|
|
||||||
h('div.send-v2__from-dropdown__close-area', { |
|
||||||
onClick: closeDropdown, |
|
||||||
}), |
|
||||||
|
|
||||||
h('div.send-v2__from-dropdown__list', {}, [ |
|
||||||
|
|
||||||
...accounts.map(account => h(AccountListItem, { |
|
||||||
className: 'account-list-item__dropdown', |
|
||||||
account, |
|
||||||
handleClick: () => { |
|
||||||
onSelect(account) |
|
||||||
closeDropdown() |
|
||||||
}, |
|
||||||
icon: this.getListItemIcon(account, selectedAccount), |
|
||||||
})), |
|
||||||
|
|
||||||
]), |
|
||||||
|
|
||||||
]) |
|
||||||
} |
|
||||||
|
|
||||||
FromDropdown.prototype.render = function () { |
|
||||||
const { |
|
||||||
selectedAccount, |
|
||||||
openDropdown, |
|
||||||
dropdownOpen, |
|
||||||
} = this.props |
|
||||||
|
|
||||||
return h('div.send-v2__from-dropdown', {}, [ |
|
||||||
|
|
||||||
h(AccountListItem, { |
|
||||||
account: selectedAccount, |
|
||||||
handleClick: openDropdown, |
|
||||||
icon: h(`i.fa.fa-caret-down.fa-lg`, { style: { color: '#dedede' } }), |
|
||||||
}), |
|
||||||
|
|
||||||
dropdownOpen && this.renderDropdown(), |
|
||||||
|
|
||||||
]) |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
@ -1,106 +0,0 @@ |
|||||||
const Component = require('react').Component |
|
||||||
const PropTypes = require('prop-types') |
|
||||||
const h = require('react-hyperscript') |
|
||||||
const inherits = require('util').inherits |
|
||||||
const InputNumber = require('../input-number.js') |
|
||||||
const connect = require('react-redux').connect |
|
||||||
|
|
||||||
GasTooltip.contextTypes = { |
|
||||||
t: PropTypes.func, |
|
||||||
} |
|
||||||
|
|
||||||
module.exports = connect()(GasTooltip) |
|
||||||
|
|
||||||
|
|
||||||
inherits(GasTooltip, Component) |
|
||||||
function GasTooltip () { |
|
||||||
Component.call(this) |
|
||||||
this.state = { |
|
||||||
gasLimit: 0, |
|
||||||
gasPrice: 0, |
|
||||||
} |
|
||||||
|
|
||||||
this.updateGasPrice = this.updateGasPrice.bind(this) |
|
||||||
this.updateGasLimit = this.updateGasLimit.bind(this) |
|
||||||
this.onClose = this.onClose.bind(this) |
|
||||||
} |
|
||||||
|
|
||||||
GasTooltip.prototype.componentWillMount = function () { |
|
||||||
const { gasPrice = 0, gasLimit = 0} = this.props |
|
||||||
|
|
||||||
this.setState({ |
|
||||||
gasPrice: parseInt(gasPrice, 16) / 1000000000, |
|
||||||
gasLimit: parseInt(gasLimit, 16), |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
GasTooltip.prototype.updateGasPrice = function (newPrice) { |
|
||||||
const { onFeeChange } = this.props |
|
||||||
const { gasLimit } = this.state |
|
||||||
|
|
||||||
this.setState({ gasPrice: newPrice }) |
|
||||||
onFeeChange({ |
|
||||||
gasLimit: gasLimit.toString(16), |
|
||||||
gasPrice: (newPrice * 1000000000).toString(16), |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
GasTooltip.prototype.updateGasLimit = function (newLimit) { |
|
||||||
const { onFeeChange } = this.props |
|
||||||
const { gasPrice } = this.state |
|
||||||
|
|
||||||
this.setState({ gasLimit: newLimit }) |
|
||||||
onFeeChange({ |
|
||||||
gasLimit: newLimit.toString(16), |
|
||||||
gasPrice: (gasPrice * 1000000000).toString(16), |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
GasTooltip.prototype.onClose = function (e) { |
|
||||||
e.stopPropagation() |
|
||||||
this.props.onClose() |
|
||||||
} |
|
||||||
|
|
||||||
GasTooltip.prototype.render = function () { |
|
||||||
const { gasPrice, gasLimit } = this.state |
|
||||||
|
|
||||||
return h('div.gas-tooltip', {}, [ |
|
||||||
h('div.gas-tooltip-close-area', { |
|
||||||
onClick: this.onClose, |
|
||||||
}), |
|
||||||
h('div.customize-gas-tooltip-container', {}, [ |
|
||||||
h('div.customize-gas-tooltip', {}, [ |
|
||||||
h('div.gas-tooltip-header.gas-tooltip-label', {}, ['Customize Gas']), |
|
||||||
h('div.gas-tooltip-input-label', {}, [ |
|
||||||
h('span.gas-tooltip-label', {}, ['Gas Price']), |
|
||||||
h('i.fa.fa-info-circle'), |
|
||||||
]), |
|
||||||
h(InputNumber, { |
|
||||||
unitLabel: 'GWEI', |
|
||||||
step: 1, |
|
||||||
min: 0, |
|
||||||
placeholder: '0', |
|
||||||
value: gasPrice, |
|
||||||
onChange: (newPrice) => this.updateGasPrice(newPrice), |
|
||||||
}), |
|
||||||
h('div.gas-tooltip-input-label', { |
|
||||||
style: { |
|
||||||
'marginTop': '81px', |
|
||||||
}, |
|
||||||
}, [ |
|
||||||
h('span.gas-tooltip-label', {}, [this.context.t('gasLimit')]), |
|
||||||
h('i.fa.fa-info-circle'), |
|
||||||
]), |
|
||||||
h(InputNumber, { |
|
||||||
unitLabel: 'UNITS', |
|
||||||
step: 1, |
|
||||||
min: 0, |
|
||||||
placeholder: '0', |
|
||||||
value: gasLimit, |
|
||||||
onChange: (newLimit) => this.updateGasLimit(newLimit), |
|
||||||
}), |
|
||||||
]), |
|
||||||
h('div.gas-tooltip-arrow', {}), |
|
||||||
]), |
|
||||||
]) |
|
||||||
} |
|
||||||
@ -1,33 +0,0 @@ |
|||||||
// const Component = require('react').Component
|
|
||||||
// const h = require('react-hyperscript')
|
|
||||||
// const inherits = require('util').inherits
|
|
||||||
// const Identicon = require('../identicon')
|
|
||||||
|
|
||||||
// module.exports = MemoTextArea
|
|
||||||
|
|
||||||
// inherits(MemoTextArea, Component)
|
|
||||||
// function MemoTextArea () {
|
|
||||||
// Component.call(this)
|
|
||||||
// }
|
|
||||||
|
|
||||||
// MemoTextArea.prototype.render = function () {
|
|
||||||
// const { memo, identities, onChange } = this.props
|
|
||||||
|
|
||||||
// return h('div.send-v2__memo-text-area', [
|
|
||||||
|
|
||||||
// h('textarea.send-v2__memo-text-area__input', {
|
|
||||||
// placeholder: 'Optional',
|
|
||||||
// value: memo,
|
|
||||||
// onChange,
|
|
||||||
// // onBlur: () => {
|
|
||||||
// // this.setErrorsFor('memo')
|
|
||||||
// // },
|
|
||||||
// onFocus: event => {
|
|
||||||
// // this.clearErrorsFor('memo')
|
|
||||||
// },
|
|
||||||
// }),
|
|
||||||
|
|
||||||
// ])
|
|
||||||
|
|
||||||
// }
|
|
||||||
|
|
||||||
@ -1,33 +0,0 @@ |
|||||||
const ethUtil = require('ethereumjs-util') |
|
||||||
const { conversionUtil, multiplyCurrencies } = require('../../conversion-util') |
|
||||||
|
|
||||||
const MIN_GAS_PRICE_HEX = (100000000).toString(16) |
|
||||||
const MIN_GAS_PRICE_DEC = '100000000' |
|
||||||
const MIN_GAS_LIMIT_DEC = '21000' |
|
||||||
const MIN_GAS_LIMIT_HEX = (parseInt(MIN_GAS_LIMIT_DEC)).toString(16) |
|
||||||
|
|
||||||
const MIN_GAS_PRICE_GWEI = ethUtil.addHexPrefix(conversionUtil(MIN_GAS_PRICE_HEX, { |
|
||||||
fromDenomination: 'WEI', |
|
||||||
toDenomination: 'GWEI', |
|
||||||
fromNumericBase: 'hex', |
|
||||||
toNumericBase: 'hex', |
|
||||||
numberOfDecimals: 1, |
|
||||||
})) |
|
||||||
|
|
||||||
const MIN_GAS_TOTAL = multiplyCurrencies(MIN_GAS_LIMIT_HEX, MIN_GAS_PRICE_HEX, { |
|
||||||
toNumericBase: 'hex', |
|
||||||
multiplicandBase: 16, |
|
||||||
multiplierBase: 16, |
|
||||||
}) |
|
||||||
|
|
||||||
const TOKEN_TRANSFER_FUNCTION_SIGNATURE = '0xa9059cbb' |
|
||||||
|
|
||||||
module.exports = { |
|
||||||
MIN_GAS_PRICE_GWEI, |
|
||||||
MIN_GAS_PRICE_HEX, |
|
||||||
MIN_GAS_PRICE_DEC, |
|
||||||
MIN_GAS_LIMIT_HEX, |
|
||||||
MIN_GAS_LIMIT_DEC, |
|
||||||
MIN_GAS_TOTAL, |
|
||||||
TOKEN_TRANSFER_FUNCTION_SIGNATURE, |
|
||||||
} |
|
||||||
@ -1,78 +0,0 @@ |
|||||||
const { |
|
||||||
addCurrencies, |
|
||||||
conversionUtil, |
|
||||||
conversionGTE, |
|
||||||
multiplyCurrencies, |
|
||||||
} = require('../../conversion-util') |
|
||||||
const { |
|
||||||
calcTokenAmount, |
|
||||||
} = require('../../token-util') |
|
||||||
|
|
||||||
function isBalanceSufficient ({ |
|
||||||
amount = '0x0', |
|
||||||
gasTotal = '0x0', |
|
||||||
balance, |
|
||||||
primaryCurrency, |
|
||||||
amountConversionRate, |
|
||||||
conversionRate, |
|
||||||
}) { |
|
||||||
const totalAmount = addCurrencies(amount, gasTotal, { |
|
||||||
aBase: 16, |
|
||||||
bBase: 16, |
|
||||||
toNumericBase: 'hex', |
|
||||||
}) |
|
||||||
|
|
||||||
const balanceIsSufficient = conversionGTE( |
|
||||||
{ |
|
||||||
value: balance, |
|
||||||
fromNumericBase: 'hex', |
|
||||||
fromCurrency: primaryCurrency, |
|
||||||
conversionRate, |
|
||||||
}, |
|
||||||
{ |
|
||||||
value: totalAmount, |
|
||||||
fromNumericBase: 'hex', |
|
||||||
conversionRate: amountConversionRate || conversionRate, |
|
||||||
fromCurrency: primaryCurrency, |
|
||||||
}, |
|
||||||
) |
|
||||||
|
|
||||||
return balanceIsSufficient |
|
||||||
} |
|
||||||
|
|
||||||
function isTokenBalanceSufficient ({ |
|
||||||
amount = '0x0', |
|
||||||
tokenBalance, |
|
||||||
decimals, |
|
||||||
}) { |
|
||||||
const amountInDec = conversionUtil(amount, { |
|
||||||
fromNumericBase: 'hex', |
|
||||||
}) |
|
||||||
|
|
||||||
const tokenBalanceIsSufficient = conversionGTE( |
|
||||||
{ |
|
||||||
value: tokenBalance, |
|
||||||
fromNumericBase: 'dec', |
|
||||||
}, |
|
||||||
{ |
|
||||||
value: calcTokenAmount(amountInDec, decimals), |
|
||||||
fromNumericBase: 'dec', |
|
||||||
}, |
|
||||||
) |
|
||||||
|
|
||||||
return tokenBalanceIsSufficient |
|
||||||
} |
|
||||||
|
|
||||||
function getGasTotal (gasLimit, gasPrice) { |
|
||||||
return multiplyCurrencies(gasLimit, gasPrice, { |
|
||||||
toNumericBase: 'hex', |
|
||||||
multiplicandBase: 16, |
|
||||||
multiplierBase: 16, |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
module.exports = { |
|
||||||
getGasTotal, |
|
||||||
isBalanceSufficient, |
|
||||||
isTokenBalanceSufficient, |
|
||||||
} |
|
||||||
@ -1,94 +0,0 @@ |
|||||||
const connect = require('react-redux').connect |
|
||||||
const actions = require('../../actions') |
|
||||||
const abi = require('ethereumjs-abi') |
|
||||||
const SendEther = require('../../send-v2') |
|
||||||
const { withRouter } = require('react-router-dom') |
|
||||||
const { compose } = require('recompose') |
|
||||||
|
|
||||||
const { |
|
||||||
accountsWithSendEtherInfoSelector, |
|
||||||
getCurrentAccountWithSendEtherInfo, |
|
||||||
conversionRateSelector, |
|
||||||
getSelectedToken, |
|
||||||
getSelectedAddress, |
|
||||||
getAddressBook, |
|
||||||
getSendFrom, |
|
||||||
getCurrentCurrency, |
|
||||||
getSelectedTokenToFiatRate, |
|
||||||
getSelectedTokenContract, |
|
||||||
} = require('../../selectors') |
|
||||||
|
|
||||||
import { |
|
||||||
updateSendErrors, |
|
||||||
} from '../../ducks/send' |
|
||||||
|
|
||||||
module.exports = compose( |
|
||||||
withRouter, |
|
||||||
connect(mapStateToProps, mapDispatchToProps) |
|
||||||
)(SendEther) |
|
||||||
|
|
||||||
function mapStateToProps (state) { |
|
||||||
const fromAccounts = accountsWithSendEtherInfoSelector(state) |
|
||||||
const selectedAddress = getSelectedAddress(state) |
|
||||||
const selectedToken = getSelectedToken(state) |
|
||||||
const conversionRate = conversionRateSelector(state) |
|
||||||
|
|
||||||
let data |
|
||||||
let primaryCurrency |
|
||||||
let tokenToFiatRate |
|
||||||
if (selectedToken) { |
|
||||||
data = Array.prototype.map.call( |
|
||||||
abi.rawEncode(['address', 'uint256'], [selectedAddress, '0x0']), |
|
||||||
x => ('00' + x.toString(16)).slice(-2) |
|
||||||
).join('') |
|
||||||
|
|
||||||
primaryCurrency = selectedToken.symbol |
|
||||||
|
|
||||||
tokenToFiatRate = getSelectedTokenToFiatRate(state) |
|
||||||
} |
|
||||||
|
|
||||||
return { |
|
||||||
...state.metamask.send, |
|
||||||
from: getSendFrom(state) || getCurrentAccountWithSendEtherInfo(state), |
|
||||||
fromAccounts, |
|
||||||
toAccounts: [...fromAccounts, ...getAddressBook(state)], |
|
||||||
conversionRate, |
|
||||||
selectedToken, |
|
||||||
primaryCurrency, |
|
||||||
convertedCurrency: getCurrentCurrency(state), |
|
||||||
data, |
|
||||||
selectedAddress, |
|
||||||
amountConversionRate: selectedToken ? tokenToFiatRate : conversionRate, |
|
||||||
tokenContract: getSelectedTokenContract(state), |
|
||||||
unapprovedTxs: state.metamask.unapprovedTxs, |
|
||||||
network: state.metamask.network, |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function mapDispatchToProps (dispatch) { |
|
||||||
return { |
|
||||||
showCustomizeGasModal: () => dispatch(actions.showModal({ name: 'CUSTOMIZE_GAS' })), |
|
||||||
estimateGas: params => dispatch(actions.estimateGas(params)), |
|
||||||
getGasPrice: () => dispatch(actions.getGasPrice()), |
|
||||||
signTokenTx: (tokenAddress, toAddress, amount, txData) => ( |
|
||||||
dispatch(actions.signTokenTx(tokenAddress, toAddress, amount, txData)) |
|
||||||
), |
|
||||||
signTx: txParams => dispatch(actions.signTx(txParams)), |
|
||||||
updateAndApproveTx: txParams => dispatch(actions.updateAndApproveTx(txParams)), |
|
||||||
updateTx: txData => dispatch(actions.updateTransaction(txData)), |
|
||||||
setSelectedAddress: address => dispatch(actions.setSelectedAddress(address)), |
|
||||||
addToAddressBook: (address, nickname) => dispatch(actions.addToAddressBook(address, nickname)), |
|
||||||
setGasTotal: newTotal => dispatch(actions.setGasTotal(newTotal)), |
|
||||||
updateGasTotal: () => dispatch(actions.updateGasTotal()), |
|
||||||
updateGasPrice: newGasPrice => dispatch(actions.updateGasPrice(newGasPrice)), |
|
||||||
updateGasLimit: newGasLimit => dispatch(actions.updateGasLimit(newGasLimit)), |
|
||||||
updateSendTokenBalance: tokenBalance => dispatch(actions.updateSendTokenBalance(tokenBalance)), |
|
||||||
updateSendFrom: newFrom => dispatch(actions.updateSendFrom(newFrom)), |
|
||||||
updateSendTo: (newTo, nickname) => dispatch(actions.updateSendTo(newTo, nickname)), |
|
||||||
updateSendAmount: newAmount => dispatch(actions.updateSendAmount(newAmount)), |
|
||||||
updateSendMemo: newMemo => dispatch(actions.updateSendMemo(newMemo)), |
|
||||||
updateSendErrors: newError => dispatch(updateSendErrors(newError)), |
|
||||||
clearSend: () => dispatch(actions.clearSend()), |
|
||||||
setMaxModeTo: bool => dispatch(actions.setMaxModeTo(bool)), |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,231 +0,0 @@ |
|||||||
const { inherits } = require('util') |
|
||||||
const PropTypes = require('prop-types') |
|
||||||
const PersistentForm = require('../lib/persistent-form') |
|
||||||
const h = require('react-hyperscript') |
|
||||||
|
|
||||||
const { |
|
||||||
conversionGreaterThan, |
|
||||||
} = require('./conversion-util') |
|
||||||
const { |
|
||||||
calcTokenAmount, |
|
||||||
} = require('./token-util') |
|
||||||
const { |
|
||||||
isBalanceSufficient, |
|
||||||
isTokenBalanceSufficient, |
|
||||||
getGasTotal, |
|
||||||
} = require('./components/send/send-utils') |
|
||||||
|
|
||||||
import PageContainer from './components/page-container/page-container.component' |
|
||||||
import SendHeader from './components/send_/send-header/send-header.container' |
|
||||||
import SendContent from './components/send_/send-content/send-content.component' |
|
||||||
import SendFooter from './components/send_/send-footer/send-footer.container' |
|
||||||
|
|
||||||
SendTransactionScreen.contextTypes = { |
|
||||||
t: PropTypes.func, |
|
||||||
} |
|
||||||
|
|
||||||
module.exports = SendTransactionScreen |
|
||||||
|
|
||||||
inherits(SendTransactionScreen, PersistentForm) |
|
||||||
function SendTransactionScreen () { |
|
||||||
PersistentForm.call(this) |
|
||||||
|
|
||||||
this.state = { |
|
||||||
fromDropdownOpen: false, |
|
||||||
toDropdownOpen: false, |
|
||||||
errors: { |
|
||||||
to: null, |
|
||||||
amount: null, |
|
||||||
}, |
|
||||||
gasLoadingError: false, |
|
||||||
} |
|
||||||
|
|
||||||
this.validateAmount = this.validateAmount.bind(this) |
|
||||||
} |
|
||||||
|
|
||||||
const getParamsForGasEstimate = function (selectedAddress, symbol, data) { |
|
||||||
const estimatedGasParams = { |
|
||||||
from: selectedAddress, |
|
||||||
gas: '746a528800', |
|
||||||
} |
|
||||||
|
|
||||||
if (symbol) { |
|
||||||
Object.assign(estimatedGasParams, { value: '0x0' }) |
|
||||||
} |
|
||||||
|
|
||||||
if (data) { |
|
||||||
Object.assign(estimatedGasParams, { data }) |
|
||||||
} |
|
||||||
|
|
||||||
return estimatedGasParams |
|
||||||
} |
|
||||||
|
|
||||||
SendTransactionScreen.prototype.updateSendTokenBalance = function (usersToken) { |
|
||||||
if (!usersToken) return |
|
||||||
|
|
||||||
const { |
|
||||||
selectedToken = {}, |
|
||||||
updateSendTokenBalance, |
|
||||||
} = this.props |
|
||||||
const { decimals } = selectedToken || {} |
|
||||||
const tokenBalance = calcTokenAmount(usersToken.balance.toString(), decimals) |
|
||||||
|
|
||||||
updateSendTokenBalance(tokenBalance) |
|
||||||
} |
|
||||||
|
|
||||||
SendTransactionScreen.prototype.componentWillMount = function () { |
|
||||||
this.updateGas() |
|
||||||
} |
|
||||||
|
|
||||||
SendTransactionScreen.prototype.updateGas = function () { |
|
||||||
const { |
|
||||||
selectedToken = {}, |
|
||||||
getGasPrice, |
|
||||||
estimateGas, |
|
||||||
selectedAddress, |
|
||||||
data, |
|
||||||
setGasTotal, |
|
||||||
from, |
|
||||||
tokenContract, |
|
||||||
editingTransactionId, |
|
||||||
gasPrice, |
|
||||||
gasLimit, |
|
||||||
} = this.props |
|
||||||
|
|
||||||
const { symbol } = selectedToken || {} |
|
||||||
|
|
||||||
const tokenBalancePromise = tokenContract |
|
||||||
? tokenContract.balanceOf(from.address) |
|
||||||
: Promise.resolve() |
|
||||||
tokenBalancePromise |
|
||||||
.then(usersToken => this.updateSendTokenBalance(usersToken)) |
|
||||||
|
|
||||||
if (!editingTransactionId) { |
|
||||||
const estimateGasParams = getParamsForGasEstimate(selectedAddress, symbol, data) |
|
||||||
|
|
||||||
Promise |
|
||||||
.all([ |
|
||||||
getGasPrice(), |
|
||||||
estimateGas(estimateGasParams), |
|
||||||
]) |
|
||||||
.then(([gasPrice, gas]) => { |
|
||||||
const newGasTotal = getGasTotal(gas, gasPrice) |
|
||||||
setGasTotal(newGasTotal) |
|
||||||
this.setState({ gasLoadingError: false }) |
|
||||||
}) |
|
||||||
.catch(err => { |
|
||||||
this.setState({ gasLoadingError: true }) |
|
||||||
}) |
|
||||||
} else { |
|
||||||
const newGasTotal = getGasTotal(gasLimit, gasPrice) |
|
||||||
setGasTotal(newGasTotal) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
SendTransactionScreen.prototype.componentDidUpdate = function (prevProps) { |
|
||||||
const { |
|
||||||
from: { balance }, |
|
||||||
gasTotal, |
|
||||||
tokenBalance, |
|
||||||
amount, |
|
||||||
selectedToken, |
|
||||||
network, |
|
||||||
} = this.props |
|
||||||
|
|
||||||
const { |
|
||||||
from: { balance: prevBalance }, |
|
||||||
gasTotal: prevGasTotal, |
|
||||||
tokenBalance: prevTokenBalance, |
|
||||||
network: prevNetwork, |
|
||||||
} = prevProps |
|
||||||
|
|
||||||
const uninitialized = [prevBalance, prevGasTotal].every(n => n === null) |
|
||||||
|
|
||||||
const balanceHasChanged = balance !== prevBalance |
|
||||||
const gasTotalHasChange = gasTotal !== prevGasTotal |
|
||||||
const tokenBalanceHasChanged = selectedToken && tokenBalance !== prevTokenBalance |
|
||||||
const amountValidationChange = balanceHasChanged || gasTotalHasChange || tokenBalanceHasChanged |
|
||||||
|
|
||||||
if (!uninitialized) { |
|
||||||
if (amountValidationChange) { |
|
||||||
this.validateAmount(amount) |
|
||||||
} |
|
||||||
|
|
||||||
if (network !== prevNetwork && network !== 'loading') { |
|
||||||
this.updateGas() |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
SendTransactionScreen.prototype.validateAmount = function (value) { |
|
||||||
const { |
|
||||||
from: { balance }, |
|
||||||
updateSendErrors, |
|
||||||
amountConversionRate, |
|
||||||
conversionRate, |
|
||||||
primaryCurrency, |
|
||||||
selectedToken, |
|
||||||
gasTotal, |
|
||||||
tokenBalance, |
|
||||||
} = this.props |
|
||||||
const { decimals } = selectedToken || {} |
|
||||||
const amount = value |
|
||||||
|
|
||||||
let amountError = null |
|
||||||
|
|
||||||
let sufficientBalance = true |
|
||||||
|
|
||||||
if (gasTotal) { |
|
||||||
sufficientBalance = isBalanceSufficient({ |
|
||||||
amount: selectedToken ? '0x0' : amount, |
|
||||||
gasTotal, |
|
||||||
balance, |
|
||||||
primaryCurrency, |
|
||||||
amountConversionRate, |
|
||||||
conversionRate, |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const verifyTokenBalance = selectedToken && tokenBalance !== null |
|
||||||
let sufficientTokens |
|
||||||
if (verifyTokenBalance) { |
|
||||||
sufficientTokens = isTokenBalanceSufficient({ |
|
||||||
tokenBalance, |
|
||||||
amount, |
|
||||||
decimals, |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
const amountLessThanZero = conversionGreaterThan( |
|
||||||
{ value: 0, fromNumericBase: 'dec' }, |
|
||||||
{ value: amount, fromNumericBase: 'hex' }, |
|
||||||
) |
|
||||||
|
|
||||||
if (conversionRate && !sufficientBalance) { |
|
||||||
amountError = 'insufficientFunds' |
|
||||||
} else if (verifyTokenBalance && !sufficientTokens) { |
|
||||||
amountError = 'insufficientTokens' |
|
||||||
} else if (amountLessThanZero) { |
|
||||||
amountError = 'negativeETH' |
|
||||||
} |
|
||||||
|
|
||||||
updateSendErrors({ amount: amountError }) |
|
||||||
} |
|
||||||
|
|
||||||
SendTransactionScreen.prototype.render = function () { |
|
||||||
const { history } = this.props |
|
||||||
|
|
||||||
return ( |
|
||||||
|
|
||||||
h(PageContainer, [ |
|
||||||
|
|
||||||
h(SendHeader), |
|
||||||
|
|
||||||
h(SendContent), |
|
||||||
|
|
||||||
h(SendFooter, { history }), |
|
||||||
]) |
|
||||||
|
|
||||||
) |
|
||||||
} |
|
||||||
Loading…
Reference in new issue