diff --git a/bikeshop_project/assets/js/components/SignedInList.jsx b/bikeshop_project/assets/js/components/SignedInList.jsx index 5ff730c..c63c147 100644 --- a/bikeshop_project/assets/js/components/SignedInList.jsx +++ b/bikeshop_project/assets/js/components/SignedInList.jsx @@ -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 - }); - - return ( -
-

Members signed in

- {!!members.length ? members : 'No members currently signed in.'} -
- ); - } -} \ No newline at end of file + .map(member => ); + + return ( +
+

Members signed in

+ {members.length ? members : 'No members currently signed in.'} +
+ ); + } +}