aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/send/usd-fee-display.js
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-01-17 10:17:28 +0800
committerAlexander Tseung <alextsg@gmail.com>2018-01-17 10:17:28 +0800
commit81f86cfab6da37f1a87f3243c6a082f8835ab81b (patch)
tree6af56231142544c5983bbe24d74644011596d003 /ui/app/components/send/usd-fee-display.js
parentaa76c5c73c5a9f0507ef69d88a43cf3bee5d60c0 (diff)
parent77eb7b2db692cc40bf5f8e36c5e695e8f82c76ec (diff)
downloadtangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar.gz
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar.bz2
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar.lz
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar.xz
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.tar.zst
tangerine-wallet-browser-81f86cfab6da37f1a87f3243c6a082f8835ab81b.zip
Merge branch 'uat' into uat-master-011618
Diffstat (limited to 'ui/app/components/send/usd-fee-display.js')
-rw-r--r--ui/app/components/send/usd-fee-display.js35
1 files changed, 35 insertions, 0 deletions
diff --git a/ui/app/components/send/usd-fee-display.js b/ui/app/components/send/usd-fee-display.js
new file mode 100644
index 000000000..4cf31a493
--- /dev/null
+++ b/ui/app/components/send/usd-fee-display.js
@@ -0,0 +1,35 @@
+const Component = require('react').Component
+const h = require('react-hyperscript')
+const inherits = require('util').inherits
+const FiatValue = require('../fiat-value')
+const { getTxFeeBn } = require('../../util')
+
+module.exports = USDFeeDisplay
+
+inherits(USDFeeDisplay, Component)
+function USDFeeDisplay () {
+ Component.call(this)
+}
+
+USDFeeDisplay.prototype.render = function () {
+ const {
+ activeCurrency,
+ conversionRate,
+ gas,
+ gasPrice,
+ blockGasLimit,
+ } = this.props
+
+ return h(FiatValue, {
+ value: getTxFeeBn(gas, gasPrice, blockGasLimit),
+ conversionRate,
+ currentCurrency: activeCurrency,
+ style: {
+ color: '#5d5d5d',
+ fontSize: '16px',
+ fontFamily: 'DIN OT',
+ lineHeight: '22.4px',
+ },
+ })
+}
+