e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add IRC connection status indicator

Browse source
This commit is contained in:
Ken-Håvard Lieng 2016-01-13 18:53:54 +01:00
parent 83aef5df7b
commit f429a528ba
11 changed files with 124 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

18
client/src/js/components/TabListItem.js
View file

@ -20,8 +20,24 @@ export default class TabListItem extends Component {
classes.push('selected');
}
let indicator = null;
if (this.props.connected !== undefined) {
const style = {};
if (this.props.connected) {
style.background = '#6BB758';
} else {
style.background = '#F6546A';
}
indicator = <i className="tab-indicator" style={style}></i>;
}
return (
<p className={classes.join(' ')} onClick={this.handleClick}>{content}</p>
<p className={classes.join(' ')} onClick={this.handleClick}>
<span className="tab-content">{content}</span>
{indicator}
</p>
);
}
}