Merge pull request #2318 from hmhealey/plt1090

PLT-1090 Refactored modals that display users

1 files changed, 53 insertions, 0 deletions

diff --git a/web/react/components/user_list.jsx b/web/react/components/user_list.jsx
new file mode 100644
index 000000000..39453a827
--- /dev/null
+++ b/web/react/components/user_list.jsx
@@ -0,0 +1,53 @@
+// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import {FormattedMessage} from 'mm-intl';
+import UserListRow from './user_list_row.jsx';
+
+export default class UserList extends React.Component {
+    render() {
+        const users = this.props.users;
+
+        let content;
+        if (users.length > 0) {
+            content = users.map((user) => {
+                return (
+                    <UserListRow
+                        key={user.id}
+                        user={user}
+                        actions={this.props.actions}
+                    />
+                );
+            });
+        } else {
+            content = (
+                <tr key='no-users-found'>
+                    <td>
+                        <FormattedMessage
+                            id='user_list.notFound'
+                            defaultMessage='No users found :('
+                        />
+                    </td>
+                </tr>
+            );
+        }
+
+        return (
+            <table className='more-table table'>
+                <tbody>
+                    {content}
+                </tbody>
+            </table>
+        );
+    }
+}
+
+UserList.defaultProps = {
+    users: [],
+    actions: []
+};
+
+UserList.propTypes = {
+    users: React.PropTypes.arrayOf(React.PropTypes.object),
+    actions: React.PropTypes.arrayOf(React.PropTypes.func)
+};