old_contents: // @flow
  import React, {Component} from 'react'
  import {Box, Button, PopupDialog, Text} from '../../../common-adapters/index'
  import {globalMargins, globalStyles} from '../../../styles'
  import {isMobile} from '../../../constants/platform'
  
  import type {Props} from './'
  
  class RenderBlockConversationWarning extends Component<void, Props, void> {
    _onBlock = () => {
      const {conversationIDKey} = this.props
      this.props.onBlock(conversationIDKey)
      this.props.onClose()
    }
  
    render () {
      return (
        <PopupDialog onClose={this.props.onClose}>
          <Box style={{...globalStyles.flexBoxColumn, alignItems: 'center', flex: 1, justifyContent: 'center', marginBottom: 80, marginLeft: 80, marginRight: 80, marginTop: 90}}>
            <Text type='Header'>Block the conversation with {this.props.participants}?</Text>
            <Text type='Body' style={{marginTop: globalMargins.large}}>You won't see this conversation anymore.</Text>
            <Text type='Body' style={{marginTop: globalMargins.small}}>To unblock it, run:</Text>
            <Text type='Terminal' style={{alignSelf: 'center', marginTop: globalMargins.small}}>keybase chat hide -u {this.props.participants}</Text>
            <Text type='Body' style={{marginTop: globalMargins.small}}>in the terminal{isMobile && ' on a desktop computer'}.</Text>
            <Box style={{...globalStyles.flexBoxRow, marginTop: globalMargins.xlarge}}>
              <Button type='Secondary' onClick={this.props.onClose} label="No, don't block them" />
              <Button type='Danger' style={{marginLeft: globalMargins.tiny}} onClick={this._onBlock} label='Yes, block them' />
            </Box>
          </Box>
        </PopupDialog>
      )
    }
  }
  
  export default RenderBlockConversationWarning
  
new_contents: // @flow
  import React, {Component} from 'react'
  import {Box, Button, PopupDialog, Text} from '../../../common-adapters/index'
  import {globalMargins, globalStyles} from '../../../styles'
  import {isMobile} from '../../../constants/platform'
  
  import type {Props} from './'
  
  class RenderBlockConversationWarning extends Component<void, Props, void> {
    _onBlock = () => {
      const {conversationIDKey} = this.props
      this.props.onBlock(conversationIDKey)
      this.props.onClose()
    }
  
    render () {
      return (
        <PopupDialog onClose={this.props.onClose}>
          <Box style={{...globalStyles.flexBoxColumn, alignItems: 'center', flex: 1, justifyContent: 'center', marginBottom: 80, marginLeft: 80, marginRight: 80, marginTop: 90}}>
            <Text type='Header'>Block the conversation with {this.props.participants}?</Text>
            <Text type='Body' style={{marginTop: globalMargins.large}}>You won't see this conversation anymore.</Text>
            <Text type='Body' style={{marginTop: globalMargins.small}}>To unblock it, run:</Text>
            <Text type='Terminal' style={{...globalStyles.selectable, alignSelf: 'center', marginTop: globalMargins.small}}>keybase chat hide -u {this.props.participants}</Text>
            <Text type='Body' style={{marginTop: globalMargins.small}}>in the terminal{isMobile && ' on a desktop computer'}.</Text>
            <Box style={{...globalStyles.flexBoxRow, marginTop: globalMargins.xlarge}}>
              <Button type='Secondary' onClick={this.props.onClose} label="No, don't block them" />
              <Button type='Danger' style={{marginLeft: globalMargins.tiny}} onClick={this._onBlock} label='Yes, block them' />
            </Box>
          </Box>
        </PopupDialog>
      )
    }
  }
  
  export default RenderBlockConversationWarning
  
subject: Make unblock terminal command selectable