diff options
author | Dan <danjm.com@gmail.com> | 2017-08-29 21:55:11 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-08-31 07:46:24 +0800 |
commit | 1485ec7392a03a9b3a63262e0ecf0d90f0713251 (patch) | |
tree | b5c5c14f88b87abdab09882c8eb556f8d95e2527 /ui/app | |
parent | 3ce69e1b65dc4e12c51400d01b973cb0d0c79e7a (diff) | |
download | tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar.gz tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar.bz2 tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar.lz tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar.xz tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.tar.zst tangerine-wallet-browser-1485ec7392a03a9b3a63262e0ecf0d90f0713251.zip |
Move currency toggle to its own component.
Diffstat (limited to 'ui/app')
-rw-r--r-- | ui/app/components/send/currency-toggle.js | 26 | ||||
-rw-r--r-- | ui/app/components/send/gas-tooltip.js (renamed from ui/app/components/gas-tooltip.js) | 2 | ||||
-rw-r--r-- | ui/app/send.js | 18 |
3 files changed, 33 insertions, 13 deletions
diff --git a/ui/app/components/send/currency-toggle.js b/ui/app/components/send/currency-toggle.js new file mode 100644 index 000000000..37c026542 --- /dev/null +++ b/ui/app/components/send/currency-toggle.js @@ -0,0 +1,26 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +module.exports = CurrencyToggle + +inherits(CurrencyToggle, Component) +function CurrencyToggle () { + Component.call(this) +} + +CurrencyToggle.prototype.render = function () { + const { onClick, currentCurrency } = this.props + + return h('span', {}, [ + h('span', { + className: currentCurrency === 'ETH' ? 'selected-currency' : 'unselected-currency', + onClick: () => onClick('ETH') + }, ['ETH']), + '<>', + h('span', { + className: currentCurrency === 'USD' ? 'selected-currency' : 'unselected-currency', + onClick: () => onClick('USD'), + }, ['USD']), + ]) //holding on icon from design +} + diff --git a/ui/app/components/gas-tooltip.js b/ui/app/components/send/gas-tooltip.js index 68b7aea61..472a8e287 100644 --- a/ui/app/components/gas-tooltip.js +++ b/ui/app/components/send/gas-tooltip.js @@ -1,7 +1,7 @@ const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits -const InputNumber = require('./input-number.js') +const InputNumber = require('../input-number.js') const findDOMNode = require('react-dom').findDOMNode module.exports = GasTooltip diff --git a/ui/app/send.js b/ui/app/send.js index b099c0251..b3a137adb 100644 --- a/ui/app/send.js +++ b/ui/app/send.js @@ -7,7 +7,8 @@ const hexToBn = require('../../app/scripts/lib/hex-to-bn') const EthBalance = require('./components/eth-balance') const EnsInput = require('./components/ens-input') const FiatValue = require('./components/fiat-value') -const GasTooltip = require('./components/gas-tooltip') +const GasTooltip = require('./components/send/gas-tooltip') +const CurrencyToggle = require('./components/send/currency-toggle') const { getSelectedIdentity } = require('./selectors') const { @@ -210,17 +211,10 @@ SendTransactionScreen.prototype.render = function () { h('div.send-screen-amount-labels', {}, [ h('span', {}, ['Amount']), - h('span', {}, [ - h('span', { - className: currentCurrency === 'ETH' ? 'selected-currency' : 'unselected-currency', - onClick: () => this.setCurrentCurrency('ETH') - }, ['ETH']), - '<>', - h('span', { - className: currentCurrency === 'USD' ? 'selected-currency' : 'unselected-currency', - onClick: () => this.setCurrentCurrency('USD'), - }, ['USD']), - ]), //holding on icon from design + h(CurrencyToggle, { + currentCurrency, + onClick: (newCurrency) => this.setCurrentCurrency(newCurrency) + }), //holding on icon from design ]), h('input.large-input.send-screen-input', { |