import PropTypes from 'prop-types' import React, {PureComponent} from 'react' export default class AddTokenButton extends PureComponent { static contextTypes = { t: PropTypes.func.isRequired, } static defaultProps = { onClick: () => {}, } static propTypes = { onClick: PropTypes.func, } render () { const { t } = this.context const { onClick } = this.props return ( <div className="add-token-button"> <h1 className="add-token-button__help-header">{t('missingYourTokens')}</h1> <p className="add-token-button__help-desc">{t('clickToAdd', [t('addToken')])}</p> <div className="add-token-button__button" onClick={onClick} > {t('addToken')} </div> </div> ) } }