diff options
author | Dan <danjm.com@gmail.com> | 2017-09-30 03:03:29 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-03 09:09:09 +0800 |
commit | d206f183f5a07787535acd196c506145f00a199e (patch) | |
tree | 22bb33f551d488ef92628296b8871cd7557d771c /ui/app/components/modals/hide-token-confirmation-modal.js | |
parent | 47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f (diff) | |
download | tangerine-wallet-browser-d206f183f5a07787535acd196c506145f00a199e.tar.gz tangerine-wallet-browser-d206f183f5a07787535acd196c506145f00a199e.tar.zst tangerine-wallet-browser-d206f183f5a07787535acd196c506145f00a199e.zip |
Hide token confirmation modal ui
Diffstat (limited to 'ui/app/components/modals/hide-token-confirmation-modal.js')
-rw-r--r-- | ui/app/components/modals/hide-token-confirmation-modal.js | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/ui/app/components/modals/hide-token-confirmation-modal.js b/ui/app/components/modals/hide-token-confirmation-modal.js new file mode 100644 index 000000000..d3f06b483 --- /dev/null +++ b/ui/app/components/modals/hide-token-confirmation-modal.js @@ -0,0 +1,66 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const connect = require('react-redux').connect +const actions = require('../../actions') +const Identicon = require('../identicon') + +function mapStateToProps (state) { + return { + network: state.metamask.network, + token: state.appState.modal.modalState.token, + } +} + +function mapDispatchToProps (dispatch) { + return {} +} + +inherits(HideTokenConfirmationModal, Component) +function HideTokenConfirmationModal () { + Component.call(this) + + this.state = {} +} + +module.exports = connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal) + +HideTokenConfirmationModal.prototype.render = function () { + const { token, network } = this.props + const { symbol, address } = token + + return h('div.hide-token-confirmation', {}, [ + h('div.hide-token-confirmation__container', { + }, [ + h('div.hide-token-confirmation__title', {}, [ + 'Hide Token?', + ]), + + h(Identicon, { + className: 'hide-token-confirmation__identicon', + diameter: 45, + address, + network, + }), + + h('div.hide-token-confirmation__symbol', {}, symbol), + + h('div.hide-token-confirmation__copy', {}, [ + 'You can add this token back in the future by going go to “Add token” in your accounts options menu.', + ]), + + h('div.hide-token-confirmation__buttons', {}, [ + h('button.btn-clear', { + onClick: () => {}, + }, [ + 'CANCEL', + ]), + h('button.btn-clear', { + onClick: () => {}, + }, [ + 'HIDE', + ]), + ]), + ]), + ]) +} |