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

Convert HideTokenConfirmationModal to an ES6 class (#7782)

Browse Source
This commit is contained in:
Whymarrh Whitby 2020-01-10 11:51:47 -03:30 committed by GitHub
parent dadb112df9
commit fa1482ef76
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 54 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,5 @@
import PropTypes from 'prop-types'
import React, { Component } from 'react'
import { inherits } from 'util'
import { connect } from 'react-redux'
import * as actions from '../../../store/actions'
import Identicon from '../../ui/identicon'
@ -25,57 +24,62 @@ function mapDispatchToProps (dispatch) {
}
}
inherits(HideTokenConfirmationModal, Component)
function HideTokenConfirmationModal () {
Component.call(this)
class HideTokenConfirmationModal extends Component {
static contextTypes = {
t: PropTypes.func,
}
this.state = {}
}
static propTypes = {
hideToken: PropTypes.func.isRequired,
hideModal: PropTypes.func.isRequired,
assetImages: PropTypes.object.isRequired,
token: PropTypes.shape({
symbol: PropTypes.string,
address: PropTypes.string,
}),
}
HideTokenConfirmationModal.contextTypes = {
t: PropTypes.func,
state = {}
render () {
const { token, hideToken, hideModal, assetImages } = this.props
const { symbol, address } = token
const image = assetImages[address]
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}
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>
)
}
}
export default connect(mapStateToProps, mapDispatchToProps)(HideTokenConfirmationModal)
HideTokenConfirmationModal.prototype.render = function HideTokenConfirmationModal () {
const { token, network, hideToken, hideModal, assetImages } = this.props
const { symbol, address } = token
const image = assetImages[address]
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>
)
}