Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

CSS classes to colour offline users differently #342

Merged
merged 4 commits into from
Jul 14, 2016
Merged

CSS classes to colour offline users differently #342

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a49a545
CSS classes to colour offline users differently
dbkr Jul 14, 2016
7c1b4f4
Obey my own code style
dbkr Jul 14, 2016
2fd690e
Oops, removed the pure offline class
dbkr Jul 14, 2016
9fd0ea1
More variable case
dbkr Jul 14, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 21 additions & 1 deletion src/components/views/rooms/EntityTile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,23 @@ var PRESENCE_CLASS = {
"unavailable": "mx_EntityTile_unavailable"
};


function presenceClassForMember(presenceState, lastActiveAgo) {
// offline is split into two categories depending on whether we have
// a last_active_ago for them.
if (presenceState == 'offline') {
if (lastActiveAgo) {
return PRESENCE_CLASS['offline'] + '_beenactive';
} else {
return PRESENCE_CLASS['offline'] + '_neveractive';
}
} else if (presenceState) {
return PRESENCE_CLASS[presenceState];
} else {
return PRESENCE_CLASS['offline'] + '_neveractive';
}
}

module.exports = React.createClass({
displayName: 'EntityTile',

Expand Down Expand Up @@ -79,7 +96,10 @@ module.exports = React.createClass({
},

render: function() {
var presenceClass = PRESENCE_CLASS[this.props.presenceState] || "mx_EntityTile_offline";
const presenceClass = presenceClassForMember(
this.props.presenceState, this.props.presenceLastActiveAgo
);

var mainClassName = "mx_EntityTile ";
mainClassName += presenceClass + (this.props.className ? (" " + this.props.className) : "");
var nameEl;
Expand Down