web/react/components/member_list.jsx


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
50
51
52
53
54
55
56

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