Method render

src/app/keyring/Key.js:257–272

()

  }

  render() {
    if (this.state.exit) {
      return <Redirect to="/keyring" />;
    }
    return (
      <div className="card-body key">
        <nav aria-label="breadcrumb">
          <ol className="breadcrumb bg-transparent p-0">
            <li className="breadcrumb-item"><Link to="/keyring" onClick={this.props.onKeyringChange} replace tabIndex="0"><span className="icon icon-arrow-left" aria-hidden="true"></span> {l10n.map.keyring_header}</Link></li>
          </ol>
        </nav>
        <div className="card-title d-flex align-items-center justify-content-between flex-wrap">
          <h2 className="d-inline-flex align-items-center">{this.state.keyDetails.name} <KeyStatus className="small ml-2" status={this.state.keyDetails.status} /></h2>
          <div className="btn-bar">
            {(!this.context.gnupg || this.state.keyDetails.type === 'public') && <button type="button" onClick={() => this.setState({showDeleteModal: true})} className="btn btn-secondary" title={l10n.map.key_remove_btn_title}>{l10n.map.key_remove_btn}</button>}
            <button type="button" onClick={() => this.setState({showExportModal: true})} className="btn btn-secondary" title={l10n.map.key_export_btn_title}>{l10n.map.key_export_btn}</button>
            {(!this.context.gnupg && this.state.keyDetails.type !== 'public') &&
              <>
                <button type="button" onClick={() => this.setState({showRevokeModal: true})} className="btn btn-secondary" disabled={!this.state.keyDetails.validity} title={l10n.map.key_revoke_btn_title}>{l10n.map.key_revoke_btn}</button>