Files
mattermost/web/react/components/member_list.jsx

50 lines
1.4 KiB
React
Raw Normal View History

// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
2015-06-14 23:53:32 -08:00
// See License.txt for license information.
var MemberListItem = require('./member_list_item.jsx');
2015-09-01 17:06:31 -07:00
export default class MemberList extends React.Component {
constructor(props) {
super(props);
}
render() {
2015-06-14 23:53:32 -08:00
var members = [];
2015-09-01 17:06:31 -07:00
if (this.props.memberList !== null) {
2015-06-14 23:53:32 -08:00
members = this.props.memberList;
}
2015-09-01 17:06:31 -07:00
var message = '';
if (members.length === 0) {
2015-07-30 14:13:34 -04:00
message = <span>No users to add.</span>;
2015-09-01 17:06:31 -07:00
}
2015-06-14 23:53:32 -08:00
return (
2015-09-01 17:06:31 -07:00
<div className='member-list-holder'>
{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}
/>
);
2015-06-14 23:53:32 -08:00
}, this)}
{message}
</div>
);
}
2015-09-01 17:06:31 -07:00
}
MemberList.propTypes = {
memberList: React.PropTypes.array,
isAdmin: React.PropTypes.bool,
handleInvite: React.PropTypes.func,
handleRemove: React.PropTypes.func,
handleMakeAdmin: React.PropTypes.func
};