summaryrefslogtreecommitdiffstats
path: root/web/react/components/member_list.jsx
blob: fe744760f1e1275d6f6e15cc325dd0dc42a75006 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

var MemberListItem = require('./member_list_item.jsx');

export default class MemberList extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        var members = [];

        if (this.props.memberList !== null) {
            members = this.props.memberList;
        }

        var message = '';
        if (members.length === 0) {
            message = <span>No users to add.</span>;
        }

        return (
            <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}
                        />
                    );
                }, this)}
                {message}
            </div>
        );
    }
}

MemberList.propTypes = {
    memberList: React.PropTypes.array,
    isAdmin: React.PropTypes.bool,
    handleInvite: React.PropTypes.func,
    handleRemove: React.PropTypes.func,
    handleMakeAdmin: React.PropTypes.func
};