import React from 'react'; import PropTypes from 'prop-types'; import IconButton from './icon_button'; import { defineMessages, injectIntl } from 'react-intl'; import ImmutablePureComponent from 'react-immutable-pure-component'; const messages = defineMessages({ unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' }, }); @injectIntl export default class Account extends ImmutablePureComponent { static propTypes = { domain: PropTypes.string, onUnblockDomain: PropTypes.func.isRequired, intl: PropTypes.object.isRequired, }; handleDomainUnblock = () => { this.props.onUnblockDomain(this.props.domain); } render () { const { domain, intl } = this.props; return ( <div className='domain'> <div className='domain__wrapper'> <span className='domain__domain-name'> <strong>{domain}</strong> </span> <div className='domain__buttons'> <IconButton active icon='unlock-alt' title={intl.formatMessage(messages.unblockDomain, { domain })} onClick={this.handleDomainUnblock} /> </div> </div> </div> ); } }