const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits const connect = require('../../metamask-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 { hideModal: () => dispatch(actions.hideModal()), hideToken: address => { dispatch(actions.removeToken(address)) .then(() => { dispatch(actions.hideModal()) }) }, } } inherits(HideTokenConfirmationModal, Component) function HideTokenConfirmationModal () { Component.call(this) this.state = {} } module.exports = connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal) HideTokenConfirmationModal.prototype.render = function () { const { token, network, hideToken, hideModal } = this.props const { symbol, address } = token return h('div.hide-token-confirmation', {}, [ h('div.hide-token-confirmation__container', { }, [ h('div.hide-token-confirmation__title', {}, [ this.props.t('hideTokenPrompt'), ]), h(Identicon, { className: 'hide-token-confirmation__identicon', diameter: 45, address, network, }), h('div.hide-token-confirmation__symbol', {}, symbol), h('div.hide-token-confirmation__copy', {}, [ this.props.t('readdToken'), ]), h('div.hide-token-confirmation__buttons', {}, [ h('button.btn-cancel.hide-token-confirmation__button.allcaps', { onClick: () => hideModal(), }, [ this.props.t('cancel'), ]), h('button.btn-clear.hide-token-confirmation__button.allcaps', { onClick: () => hideToken(address), }, [ this.props.t('hide'), ]), ]), ]), ]) }