mirror of https://github.com/fspc/workstand.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.2 KiB
41 lines
1.2 KiB
import React from 'react';
|
|
import {List, ListItem} from 'material-ui/List';
|
|
|
|
export default class SignedInList extends React.Component {
|
|
constructor (props) {
|
|
super(props);
|
|
this.state = {tick: 0};
|
|
this.componentDidMount = this.componentDidMount.bind(this);
|
|
this.componentWillUnmount = this.componentWillUnmount.bind(this);
|
|
this.tick = this.tick.bind(this);
|
|
}
|
|
|
|
componentDidMount () {
|
|
this.timer = setInterval(this.tick, 50);
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
clearInterval(this.timer);
|
|
}
|
|
|
|
tick () {
|
|
this.setState({tick: this.state.tick++});
|
|
}
|
|
|
|
render () {
|
|
const members = this.props.members.sort((l, r) => {
|
|
return l.at.diff(r.at);
|
|
})
|
|
.reverse()
|
|
.map((member) => {
|
|
return <ListItem key={member.id} primaryText={member.text} secondaryText={`${member.purpose} – ${member.at.fromNow()}`} />
|
|
});
|
|
|
|
return (
|
|
<div className="mdl-cell mdl-cell--12-col">
|
|
<h3>Members signed in</h3>
|
|
{!!members.length ? members : 'No members currently signed in.'}
|
|
</div>
|
|
);
|
|
}
|
|
}
|