import React from 'react';
import AsyncSelect from 'react-select/lib/Async';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Table } from 'reactstrap';
import { seafileAPI } from '../../utils/seafile-api.js';
import PermissionEditor from '../permission-editor';
import '../../css/manage-members-dialog.css';
const propTypes = {
groupID: PropTypes.string.isRequired,
toggleManageMembersDialog: PropTypes.func.isRequired,
onGroupChanged: PropTypes.func.isRequired,
isOwner: PropTypes.bool.isRequired,
};
class ManageMembersDialog extends React.Component {
constructor(props) {
super(props);
this.state = {
groupMembers: [],
selectedOption: null,
errMessage: '',
};
this.options = [];
}
handleSelectChange = (option) => {
this.setState({
selectedOption: option,
errMessage: '',
});
this.options = [];
}
loadOptions = (value, callback) => {
if (value.trim().length > 0) {
seafileAPI.searchUsers(value.trim()).then((res) => {
this.options = [];
for (let i = 0 ; i < res.data.users.length; i++) {
let obj = {};
obj.value = res.data.users[i].name;
obj.email = res.data.users[i].email;
obj.label =
{gettext('Add group member')}
{res.data.users[i].name}
{
this.state.groupMembers.length > 0 &&
this.state.groupMembers.map((item, index = 0) => {
return (
{gettext('Name')}
{gettext('Role')}