var React = require('react'),
    ReactCSSTransitionGroup = React.addons.CSSTransitionGroup,
    UserItem = require('./request-user-list-item-view.jsx');

module.exports = React.createClass({
    render: function() {
        var users = [];
        for (var key in this.props.allUsers) {
           var user = this.props.allUsers[key];

           users.push(<UserItem key={user.id} user={user} />);
        }

        var message = (users.length === 0) ? <em>No found users.</em> : '';

        return (
            <div className="request-user-list-holder">
                <ReactCSSTransitionGroup component={React.DOM.div} transitionName="request-user-item-holder" transitionLeave={false}>
                    {users}
                </ReactCSSTransitionGroup>
                {message}
            </div>
        );
    }
});

var React = require('react'),
    ReactCSSTransitionGroup = React.addons.CSSTransitionGroup,
    UserItem = require('./request-user-list-item-view.jsx');

module.exports = React.createClass({
    render: function() {
        var users = [];
        for (var key in this.props.allUsers) {
           var user = this.props.allUsers[key];

           users.push(<UserItem key={user.details.id} user={user} />);
        }

        var message = (users.length === 0) ? <em>No found users.</em> : '';

        return (
            <div className="request-user-list-holder">
                <ReactCSSTransitionGroup component={React.DOM.div} transitionName="request-user-item-holder" transitionLeave={false}>
                    {users}
                </ReactCSSTransitionGroup>
                {message}
            </div>
        );
    }
});

Fix the id being used for the key in the user list
Fix the id being used for the key in the user list
