40 lines
944 B
JavaScript
40 lines
944 B
JavaScript
|
var React = require('react');
|
||
|
|
|
||
|
|
var MemberListController = require("../../controllers/organisms/MemberList");
|
||
|
|
|
||
|
|
var ComponentBroker = require('../../ComponentBroker');
|
||
|
|
|
||
|
|
var MemberTile = ComponentBroker.get("molecules/MemberTile");
|
||
|
|
|
||
|
|
|
||
|
|
module.exports = React.createClass({
|
||
|
|
displayName: 'MemberList',
|
||
|
|
mixins: [MemberListController],
|
||
|
|
|
||
|
|
makeMemberTiles: function() {
|
||
|
|
var that = this;
|
||
|
|
return Object.keys(that.state.memberDict).map(function(userId) {
|
||
|
|
var m = that.state.memberDict[userId];
|
||
|
|
return (
|
||
|
|
<li>
|
||
|
|
<MemberTile
|
||
|
|
member={m}
|
||
|
|
key={userId}
|
||
|
|
/>
|
||
|
|
</li>
|
||
|
|
);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function() {
|
||
|
|
return (
|
||
|
|
<div className="mx_MemberList">
|
||
|
|
<ul>
|
||
|
|
{this.makeMemberTiles()}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|