diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-12-08 01:47:31 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-12-08 01:47:31 +0800 |
commit | e0d0e19c925224bddf56a4088fb9c402d995d79f (patch) | |
tree | f6306a17629d68e217488ab15af7ce5029c07335 /ui/app/components/modals/notification-modal.js | |
parent | 2e9137dddd4abd07cc45caa670f09bdc9559bbbb (diff) | |
parent | efa894a0c3af0b8182b639c25b4c249b083009cf (diff) | |
download | tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.tar.gz tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.tar.zst tangerine-wallet-browser-e0d0e19c925224bddf56a4088fb9c402d995d79f.zip |
Merge pull request #2697 from danjm/MM-333-auto-add-users-to-new-UI
[NewUI] Auto add users to new ui
Diffstat (limited to 'ui/app/components/modals/notification-modal.js')
-rw-r--r-- | ui/app/components/modals/notification-modal.js | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/ui/app/components/modals/notification-modal.js b/ui/app/components/modals/notification-modal.js new file mode 100644 index 000000000..239144b0c --- /dev/null +++ b/ui/app/components/modals/notification-modal.js @@ -0,0 +1,51 @@ +const { Component } = require('react') +const PropTypes = require('prop-types') +const h = require('react-hyperscript') +const { connect } = require('react-redux') +const actions = require('../../actions') + +class NotificationModal extends Component { + render () { + const { + header, + message, + } = this.props + + return h('div', [ + h('div.notification-modal-wrapper', { + }, [ + + h('div.notification-modal-header', {}, [ + header, + ]), + + h('div.notification-modal-message-wrapper', {}, [ + h('div.notification-modal-message', {}, [ + message, + ]), + ]), + + h('div.modal-close-x', { + onClick: this.props.hideModal, + }), + + ]), + ]) + } +} + +NotificationModal.propTypes = { + hideModal: PropTypes.func, + header: PropTypes.string, + message: PropTypes.string, +} + +const mapDispatchToProps = dispatch => { + return { + hideModal: () => { + dispatch(actions.hideModal()) + }, + } +} + +module.exports = connect(null, mapDispatchToProps)(NotificationModal) |