mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Convert HideTokenConfirmationModal component to use JSX (#7551)
This commit is contained in:
parent
8311617b95
commit
6e73d2be69
@ -1,6 +1,5 @@
|
||||
const Component = require('react').Component
|
||||
const PropTypes = require('prop-types')
|
||||
const h = require('react-hyperscript')
|
||||
import PropTypes from 'prop-types'
|
||||
import React, { Component } from 'react'
|
||||
const inherits = require('util').inherits
|
||||
const connect = require('react-redux').connect
|
||||
const actions = require('../../../store/actions')
|
||||
@ -40,44 +39,43 @@ HideTokenConfirmationModal.contextTypes = {
|
||||
module.exports = connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal)
|
||||
|
||||
|
||||
HideTokenConfirmationModal.prototype.render = function () {
|
||||
HideTokenConfirmationModal.prototype.render = function HideTokenConfirmationModal () {
|
||||
const { token, network, hideToken, hideModal, assetImages } = this.props
|
||||
const { symbol, address } = token
|
||||
const image = assetImages[address]
|
||||
|
||||
return h('div.hide-token-confirmation', {}, [
|
||||
h('div.hide-token-confirmation__container', {
|
||||
}, [
|
||||
h('div.hide-token-confirmation__title', {}, [
|
||||
this.context.t('hideTokenPrompt'),
|
||||
]),
|
||||
|
||||
h(Identicon, {
|
||||
className: 'hide-token-confirmation__identicon',
|
||||
diameter: 45,
|
||||
address,
|
||||
network,
|
||||
image,
|
||||
}),
|
||||
|
||||
h('div.hide-token-confirmation__symbol', {}, symbol),
|
||||
|
||||
h('div.hide-token-confirmation__copy', {}, [
|
||||
this.context.t('readdToken'),
|
||||
]),
|
||||
|
||||
h('div.hide-token-confirmation__buttons', {}, [
|
||||
h('button.btn-default.hide-token-confirmation__button.btn--large', {
|
||||
onClick: () => hideModal(),
|
||||
}, [
|
||||
this.context.t('cancel'),
|
||||
]),
|
||||
h('button.btn-secondary.hide-token-confirmation__button.btn--large', {
|
||||
onClick: () => hideToken(address),
|
||||
}, [
|
||||
this.context.t('hide'),
|
||||
]),
|
||||
]),
|
||||
]),
|
||||
])
|
||||
return (
|
||||
<div className="hide-token-confirmation">
|
||||
<div className="hide-token-confirmation__container">
|
||||
<div className="hide-token-confirmation__title">
|
||||
{this.context.t('hideTokenPrompt')}
|
||||
</div>
|
||||
<Identicon
|
||||
className="hide-token-confirmation__identicon"
|
||||
diameter={45}
|
||||
address={address}
|
||||
network={network}
|
||||
image={image}
|
||||
/>
|
||||
<div className="hide-token-confirmation__symbol">{symbol}</div>
|
||||
<div className="hide-token-confirmation__copy">
|
||||
{this.context.t('readdToken')}
|
||||
</div>
|
||||
<div className="hide-token-confirmation__buttons">
|
||||
<button
|
||||
className="btn-default hide-token-confirmation__button btn--large"
|
||||
onClick={() => hideModal()}
|
||||
>
|
||||
{this.context.t('cancel')}
|
||||
</button>
|
||||
<button
|
||||
className="btn-secondary hide-token-confirmation__button btn--large"
|
||||
onClick={() => hideToken(address)}
|
||||
>
|
||||
{this.context.t('hide')}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user