bike/workstand
1
0
Fork 0
mirror of https://github.com/fspc/workstand.git synced 2025-02-23 09:13:23 -05:00
Code Issues Projects Releases Wiki Activity

Linting.

Browse Source
This commit is contained in:
Drew Larson 2017-01-01 21:01:28 -06:00
parent cb2dc14f05
commit 14266c57e6
1 changed files with 29 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
bikeshop_project/assets/js/components/SignedInList.jsx
View File

@ -1,41 +1,37 @@
import { ListItem } from 'material-ui/List';
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);
}
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);
}
componentDidMount() {
this.timer = setInterval(this.tick, 50);
}
componentWillUnmount () {
clearInterval(this.timer);
}
componentWillUnmount() {
clearInterval(this.timer);
}
tick () {
this.setState({tick: this.state.tick++});
}
tick() {
this.setState({ tick: this.state.tick += 1 });
}
render () {
const members = this.props.members.sort((l, r) => {
return l.at.diff(r.at);
})
render() {
const members = this.props.members.sort((l, r) => 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>
);
}
}
.map(member => <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>
);
}
}