const { Component } = require('react') const PropTypes = require('prop-types') const h = require('react-hyperscript') const connect = require('../../../metamask-connect') const actions = require('../../../actions') const NotifcationModal = require('../notification-modal') class ConfirmResetAccount extends Component { render () { const { resetAccount } = this.props return h(NotifcationModal, { header: 'Are you sure you want to reset account?', message: h('div', [ h('span', `Resetting is for developer use only. This button wipes the current account's transaction history, which is used to calculate the current account nonce. `), h('a.notification-modal__link', { href: 'http://metamask.helpscoutdocs.com/article/36-resetting-an-account', target: '_blank', onClick (event) { global.platform.openWindow({ url: event.target.href }) }, }, 'Read more.'), ]), showCancelButton: true, showConfirmButton: true, onConfirm: resetAccount, }) } } ConfirmResetAccount.propTypes = { resetAccount: PropTypes.func, } const mapDispatchToProps = dispatch => { return { resetAccount: () => { dispatch(actions.resetAccount()) }, } } module.exports = connect(null, mapDispatchToProps)(ConfirmResetAccount)