seahub/frontend/src/components/select-editor/sysadmin-user-membership-editor.js

import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
import SelectEditor from './select-editor';

const propTypes = {
  isTextMode: PropTypes.bool.isRequired,
  isEditIconShow: PropTypes.bool.isRequired,
  statusOptions: PropTypes.array.isRequired,
  currentStatus: PropTypes.string.isRequired,
  onStatusChanged: PropTypes.func.isRequired
};

class SysAdminUserMembershipEditor extends React.Component {

  translateStatus = (status) => {
    switch (status) {
      case 'is_org_staff':
        return gettext('Admin');
      case 'not_is_org_staff':
        return gettext('Member');
    }
  }

  render() {
    return (
      <SelectEditor
        isTextMode={this.props.isTextMode}
        isEditIconShow={this.props.isEditIconShow}
        options={this.props.statusOptions}
        currentOption={this.props.currentStatus}
        onOptionChanged={this.props.onStatusChanged}
        translateOption={this.translateStatus}
      />
    );
  }
}

SysAdminUserMembershipEditor.propTypes = propTypes;

export default SysAdminUserMembershipEditor;