ensl/ensl_gathers
0
0
Fork 0
mirror of https://github.com/ENSL/ensl_gathers.git synced 2025-02-17 01:12:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix user order and flags

Browse source
This commit is contained in:
Chris Blanchard 2015-10-18 16:44:59 +01:00
parent a3d6bc4f9d
commit bfac0d3145
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
lib/react/user.jsx
View file

@ -87,7 +87,8 @@ var UserModal = React.createClass({
</button>
<h4 className="modal-title">
<img src="images/blank.gif"
className={"flag flag-" + user.country.toLowerCase()}
className={"flag flag-" + ((user.country === null) ? "eu" :
user.country.toLowerCase()) }
alt={user.country} />&nbsp;
{user.username}
</h4>
@ -147,7 +148,9 @@ var UserItem = React.createClass({
var UserMenu = React.createClass({
render() {
let users = this.props.users.map(user => {
let users = this.props.users
.sort((a, b) => (a.username > b.username) ? 1 : -1)
.map(user => {
return <UserItem user={user} key={user.id} />
});
return (
@ -157,10 +160,10 @@ var UserMenu = React.createClass({
<i className="fa fa-users fa-fw"></i> Online
<span className="badge pull-right">{this.props.users.length}</span>
</div>
<ul className="list-group" id="users-list">
{users}
</ul>
</div>
<ul className="list-group" id="users-list">
{users}
</ul>
</div>
);
}