var React = require('react');

var RoleLink = require('../generic/role_link'),
    Refresh = require('../refresh/refresh');

export default React.createClass({
    displayName: 'UserDetails',

    render: function() {
        // TODO: refactor
        // TODO: show public keys
        // TODO: actions menu (e.g. 'upload public key', 'add annotation')
        // TODO: memberships panel
        return (
          <div className="b-user-details">
            <h2>Details<Refresh show={this.props.isLoading} /></h2>
            <dl className="dl-horizontal">
              <dt>Created by</dt>
              <dd><RoleLink id={this.props.user.userid}/></dd>

              <dt>Owner</dt>
              <dd><RoleLink id={this.props.owner}/></dd>

              <dt>Uidnumber</dt>
              <dd>{this.props.user.uidnumber}</dd>
            </dl>
          </div>
        );
    }
});