aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/modals/modal.js
diff options
context:
space:
mode:
authorBruno <brunobar79@gmail.com>2018-05-31 10:27:33 +0800
committerBruno <brunobar79@gmail.com>2018-05-31 10:27:33 +0800
commitde9672726833e26ea96d198c0d9f1464015614f5 (patch)
tree5a213d4ff8269fe52c9e561fe8da6fefb4e03d09 /ui/app/components/modals/modal.js
parent3dd58463caef98c2cc1f068931624795a43912db (diff)
parent39d22a4ddb4ba0f4ad456009c86486a433c6724e (diff)
downloadtangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar.gz
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar.bz2
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar.lz
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar.xz
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.tar.zst
tangerine-wallet-browser-de9672726833e26ea96d198c0d9f1464015614f5.zip
Merge remote-tracking branch 'upstream/develop' into develop
Diffstat (limited to 'ui/app/components/modals/modal.js')
-rw-r--r--ui/app/components/modals/modal.js35
1 files changed, 34 insertions, 1 deletions
diff --git a/ui/app/components/modals/modal.js b/ui/app/components/modals/modal.js
index 43dcd20ae..841189277 100644
--- a/ui/app/components/modals/modal.js
+++ b/ui/app/components/modals/modal.js
@@ -20,6 +20,7 @@ const HideTokenConfirmationModal = require('./hide-token-confirmation-modal')
const CustomizeGasModal = require('../customize-gas-modal')
const NotifcationModal = require('./notification-modal')
const ConfirmResetAccount = require('./notification-modals/confirm-reset-account')
+const TransactionConfirmed = require('./transaction-confirmed')
const accountModalStyle = {
mobileModalStyle: {
@@ -265,6 +266,37 @@ const MODALS = {
},
},
+ TRANSACTION_CONFIRMED: {
+ disableBackdropClick: true,
+ contents: [
+ h(TransactionConfirmed, {}, []),
+ ],
+ mobileModalStyle: {
+ width: '100%',
+ height: '100%',
+ transform: 'none',
+ left: '0',
+ right: '0',
+ margin: '0 auto',
+ boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
+ top: '0',
+ display: 'flex',
+ },
+ laptopModalStyle: {
+ width: '344px',
+ transform: 'translate3d(-50%, 0, 0px)',
+ top: '15%',
+ border: '1px solid #CCCFD1',
+ borderRadius: '8px',
+ backgroundColor: '#FFFFFF',
+ boxShadow: '0 2px 22px 0 rgba(0,0,0,0.2)',
+ },
+ contentStyle: {
+ borderRadius: '8px',
+ height: '100%',
+ },
+ },
+
DEFAULT: {
contents: [],
mobileModalStyle: {},
@@ -306,7 +338,7 @@ module.exports = connect(mapStateToProps, mapDispatchToProps)(Modal)
Modal.prototype.render = function () {
const modal = MODALS[this.props.modalState.name || 'DEFAULT']
- const children = modal.contents
+ const { contents: children, disableBackdropClick = false } = modal
const modalStyle = modal[isMobileView() ? 'mobileModalStyle' : 'laptopModalStyle']
const contentStyle = modal.contentStyle || {}
@@ -326,6 +358,7 @@ Modal.prototype.render = function () {
modalStyle,
contentStyle,
backdropStyle: BACKDROPSTYLE,
+ closeOnClick: !disableBackdropClick,
},
children,
)