Files
mostlymatter/web/react/components/member_list.jsx
2016-02-29 22:47:11 -03:00

57 строки
1.7 KiB
JavaScript

// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import MemberListItem from './member_list_item.jsx';
import {FormattedMessage} from 'mm-intl';
export default class MemberList extends React.Component {
render() {
var members = [];
if (this.props.memberList !== null) {
members = this.props.memberList;
}
var message = null;
if (members.length === 0) {
message = (
<tr><td>
<FormattedMessage
id='member_list.noUsersAdd'
defaultMessage='No users to add.'
/>
</td></tr>
);
}
return (
<table className='table more-table member-list-holder'>
<tbody>
{members.map(function mymembers(member) {
return (
<MemberListItem
key={member.id}
member={member}
isAdmin={this.props.isAdmin}
handleInvite={this.props.handleInvite}
handleRemove={this.props.handleRemove}
handleMakeAdmin={this.props.handleMakeAdmin}
/>
);
}, this)}
{message}
</tbody>
</table>
);
}
}
MemberList.propTypes = {
memberList: React.PropTypes.array,
isAdmin: React.PropTypes.bool,
handleInvite: React.PropTypes.func,
handleRemove: React.PropTypes.func,
handleMakeAdmin: React.PropTypes.func
};