diff options
author | Csaba S <csaba.solya@gmail.com> | 2018-02-22 21:55:46 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-02-22 21:55:46 +0800 |
commit | 2f3463048685759319eb320c916cc7bc23a41649 (patch) | |
tree | e53ac24a1a127f1c684327bca00d23f51b56c542 /ui/app/components/send/gas-fee-display-v2.js | |
parent | 5ec311ba3e01bd9b0a9ff447fd7639d22a7b3d9c (diff) | |
parent | eed75735b8e90d121537249cf147c1ece60f1e47 (diff) | |
download | tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.tar.gz tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.tar.zst tangerine-wallet-browser-2f3463048685759319eb320c916cc7bc23a41649.zip |
Merge branch 'master' into edge-support
Diffstat (limited to 'ui/app/components/send/gas-fee-display-v2.js')
-rw-r--r-- | ui/app/components/send/gas-fee-display-v2.js | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/ui/app/components/send/gas-fee-display-v2.js b/ui/app/components/send/gas-fee-display-v2.js new file mode 100644 index 000000000..0c4c3f7a9 --- /dev/null +++ b/ui/app/components/send/gas-fee-display-v2.js @@ -0,0 +1,44 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const CurrencyDisplay = require('./currency-display') + +module.exports = GasFeeDisplay + +inherits(GasFeeDisplay, Component) +function GasFeeDisplay () { + Component.call(this) +} + +GasFeeDisplay.prototype.render = function () { + const { + conversionRate, + gasTotal, + onClick, + primaryCurrency = 'ETH', + convertedCurrency, + } = this.props + + return h('div.send-v2__gas-fee-display', [ + + gasTotal + ? h(CurrencyDisplay, { + primaryCurrency, + convertedCurrency, + value: gasTotal, + conversionRate, + convertedPrefix: '$', + readOnly: true, + }) + : h('div.currency-display', 'Loading...'), + + h('button.send-v2__sliders-icon-container', { + onClick, + disabled: !gasTotal, + }, [ + h('i.fa.fa-sliders.send-v2__sliders-icon'), + ]), + + ]) +} + |