// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

import MemberListItem from './member_list_item.jsx';

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>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
};