content: 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>
      );
    }
  
  }
  