aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2018-04-03 02:59:35 +0800
committerDan <danjm.com@gmail.com>2018-04-03 02:59:35 +0800
commit7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea (patch)
tree57c179fcdb4b120ef05ff0307defeafaf6b88e5d /ui
parent1dc3c51b5445996e9111cabe863fb0eef65dcfc5 (diff)
downloadtangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar.gz
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar.bz2
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar.lz
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar.xz
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.tar.zst
tangerine-wallet-browser-7ccf6163fd4dda52d4c75f57cb36d1f4b05b50ea.zip
Adds simulation failure error messages to confirm screen.
Diffstat (limited to 'ui')
-rw-r--r--ui/app/components/pending-tx/confirm-send-ether.js15
-rw-r--r--ui/app/components/pending-tx/confirm-send-token.js15
-rw-r--r--ui/app/css/itcss/components/confirm.scss11
3 files changed, 41 insertions, 0 deletions
diff --git a/ui/app/components/pending-tx/confirm-send-ether.js b/ui/app/components/pending-tx/confirm-send-ether.js
index eae70b279..d007e6661 100644
--- a/ui/app/components/pending-tx/confirm-send-ether.js
+++ b/ui/app/components/pending-tx/confirm-send-ether.js
@@ -118,6 +118,11 @@ ConfirmSendEther.prototype.updateComponentSendErrors = function (prevProps) {
updateSendErrors,
balance,
conversionRate,
+ send: {
+ errors: {
+ simulationFails,
+ },
+ },
} = this.props
const txMeta = this.gatherTxMeta()
@@ -132,6 +137,14 @@ ConfirmSendEther.prototype.updateComponentSendErrors = function (prevProps) {
insufficientFunds: balanceIsSufficient ? false : this.context.t('insufficientFunds'),
})
}
+
+ const shouldUpdateSimulationSendError = Boolean(txMeta.simulationFails) !== Boolean(simulationFails)
+
+ if (shouldUpdateSimulationSendError) {
+ updateSendErrors({
+ simulationFails: !txMeta.simulationFails ? false : this.context.t('transactionError'),
+ })
+ }
}
ConfirmSendEther.prototype.componentWillMount = function () {
@@ -478,8 +491,10 @@ ConfirmSendEther.prototype.render = function () {
]),
h('form#pending-tx-form', {
+ className: 'confirm-screen-form',
onSubmit: this.onSubmit,
}, [
+ this.renderErrorMessage('simulationFails'),
h('.page-container__footer', [
// Cancel Button
h('button.btn-cancel.page-container__footer-button.allcaps', {
diff --git a/ui/app/components/pending-tx/confirm-send-token.js b/ui/app/components/pending-tx/confirm-send-token.js
index 814386c5c..19e591fd6 100644
--- a/ui/app/components/pending-tx/confirm-send-token.js
+++ b/ui/app/components/pending-tx/confirm-send-token.js
@@ -156,6 +156,11 @@ ConfirmSendToken.prototype.updateComponentSendErrors = function (prevProps) {
updateSendErrors,
balance,
conversionRate,
+ send: {
+ errors: {
+ simulationFails,
+ },
+ },
} = this.props
const txMeta = this.gatherTxMeta()
@@ -170,6 +175,14 @@ ConfirmSendToken.prototype.updateComponentSendErrors = function (prevProps) {
insufficientFunds: balanceIsSufficient ? false : this.context.t('insufficientFunds'),
})
}
+
+ const shouldUpdateSimulationSendError = Boolean(txMeta.simulationFails) !== Boolean(simulationFails)
+
+ if (shouldUpdateSimulationSendError) {
+ updateSendErrors({
+ simulationFails: !txMeta.simulationFails ? false : this.context.t('transactionError'),
+ })
+ }
}
ConfirmSendToken.prototype.componentWillMount = function () {
@@ -489,8 +502,10 @@ ConfirmSendToken.prototype.render = function () {
]),
h('form#pending-tx-form', {
+ className: 'confirm-screen-form',
onSubmit: this.onSubmit,
}, [
+ this.renderErrorMessage('simulationFails'),
h('.page-container__footer', [
// Cancel Button
h('button.btn-cancel.page-container__footer-button.allcaps', {
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss
index 85ff14e6e..47762e8de 100644
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@@ -312,6 +312,17 @@ section .confirm-screen-account-number,
}
}
+.confirm-screen-form {
+ position: relative;
+
+ .confirm-screen-error {
+ right: 0;
+ width: 100%;
+ margin-top: 7px;
+ text-align: center;
+ }
+}
+
.confirm-screen-confirm-button {
height: 50px;
border-radius: 4px;