m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Convert HideTokenConfirmationModal component to use JSX (#7551)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-24 18:31:56 -03:30 committed by GitHub
parent 8311617b95
commit 6e73d2be69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 37 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
ui/app/components/app/modals/hide-token-confirmation-modal.js
View File

@ -1,6 +1,5 @@
const Component = require('react').Component import PropTypes from 'prop-types'
const PropTypes = require('prop-types') import React, { Component } from 'react'
const h = require('react-hyperscript')
const inherits = require('util').inherits const inherits = require('util').inherits
const connect = require('react-redux').connect const connect = require('react-redux').connect
const actions = require('../../../store/actions') const actions = require('../../../store/actions')
@ -40,44 +39,43 @@ HideTokenConfirmationModal.contextTypes = {
module.exports = connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal) module.exports = connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal)
HideTokenConfirmationModal.prototype.render = function () { HideTokenConfirmationModal.prototype.render = function HideTokenConfirmationModal () {
const { token, network, hideToken, hideModal, assetImages } = this.props const { token, network, hideToken, hideModal, assetImages } = this.props
const { symbol, address } = token const { symbol, address } = token
const image = assetImages[address] const image = assetImages[address]
return h('div.hide-token-confirmation', {}, [ return (
h('div.hide-token-confirmation__container', { <div className="hide-token-confirmation">
}, [ <div className="hide-token-confirmation__container">
h('div.hide-token-confirmation__title', {}, [ <div className="hide-token-confirmation__title">
this.context.t('hideTokenPrompt'), {this.context.t('hideTokenPrompt')}
]), </div>
<Identicon
h(Identicon, { className="hide-token-confirmation__identicon"
className: 'hide-token-confirmation__identicon', diameter={45}
diameter: 45, address={address}
address, network={network}
network, image={image}
image, />
}), <div className="hide-token-confirmation__symbol">{symbol}</div>
<div className="hide-token-confirmation__copy">
h('div.hide-token-confirmation__symbol', {}, symbol), {this.context.t('readdToken')}
</div>
h('div.hide-token-confirmation__copy', {}, [ <div className="hide-token-confirmation__buttons">
this.context.t('readdToken'), <button
]), className="btn-default hide-token-confirmation__button btn--large"
onClick={() => hideModal()}
h('div.hide-token-confirmation__buttons', {}, [ >
h('button.btn-default.hide-token-confirmation__button.btn--large', { {this.context.t('cancel')}
onClick: () => hideModal(), </button>
}, [ <button
this.context.t('cancel'), className="btn-secondary hide-token-confirmation__button btn--large"
]), onClick={() => hideToken(address)}
h('button.btn-secondary.hide-token-confirmation__button.btn--large', { >
onClick: () => hideToken(address), {this.context.t('hide')}
}, [ </button>
this.context.t('hide'), </div>
]), </div>
]), </div>
]), )
])
} }