Delete dead send code.

7 years ago · e488c0eeea
parent 954394f810
commit e488c0eeea
10 changed files with 2 additions and 723 deletions
--- a/ui/app/components/dropdowns/account-dropdown-mini.js
+++ b/ui/app/components/dropdowns/account-dropdown-mini.js
@ -1,7 +1,7 @@
 const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
-const AccountListItem = require('../send/account-list-item')
+const AccountListItem = require('../send_/account-list-item/account-list-item.component').default

 module.exports = AccountDropdownMini

--- a/ui/app/components/send/account-list-item.js
+++ b/ui/app/components/send/account-list-item.js
@ -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),
-
-  ])
-}
--- a/ui/app/components/send/from-dropdown.js
+++ b/ui/app/components/send/from-dropdown.js
@ -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(),
-
-  ])
-
-}
-
--- a/ui/app/components/send/gas-tooltip.js
+++ b/ui/app/components/send/gas-tooltip.js
@ -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', {}),
-    ]),
-  ])
-}
--- a/ui/app/components/send/memo-textarea.js
+++ b/ui/app/components/send/memo-textarea.js
@ -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')
-//       },
-//     }),
-
-//   ])
-
-// }
-
--- a/ui/app/components/send/send-constants.js
+++ b/ui/app/components/send/send-constants.js
@ -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,
-}
--- a/ui/app/components/send/send-utils.js
+++ b/ui/app/components/send/send-utils.js
@ -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,
-}
--- a/ui/app/components/send/send-v2-container.js
+++ b/ui/app/components/send/send-v2-container.js
@ -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)),
-  }
-}
--- a/ui/app/components/send/to-autocomplete.js
+++ b/ui/app/components/send/to-autocomplete.js
@ -2,7 +2,7 @@ const Component = require('react').Component
 const PropTypes = require('prop-types')
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
-const AccountListItem = require('./account-list-item')
+const AccountListItem = require('../send_/account-list-item/account-list-item.component').default
 const connect = require('react-redux').connect

 ToAutoComplete.contextTypes = {
--- a/ui/app/send-v2.js
+++ b/ui/app/send-v2.js
@ -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 }),
-    ])
-
-  )
-}