Linting.

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) {
+  constructor(props) {
-        super(props);
+    super(props);
-        this.state = {tick: 0};
+    this.state = { tick: 0 };
-        this.componentDidMount = this.componentDidMount.bind(this);
+    this.componentDidMount = this.componentDidMount.bind(this);
-        this.componentWillUnmount = this.componentWillUnmount.bind(this);
+    this.componentWillUnmount = this.componentWillUnmount.bind(this);
-        this.tick = this.tick.bind(this);
+    this.tick = this.tick.bind(this);
-    }
+  }
 
-    componentDidMount () {
+  componentDidMount() {
-        this.timer = setInterval(this.tick, 50);
+    this.timer = setInterval(this.tick, 50);
-    }
+  }
 
-    componentWillUnmount () {
+  componentWillUnmount() {
-        clearInterval(this.timer);
+    clearInterval(this.timer);
-    }
+  }
 
-    tick () {
+  tick() {
-        this.setState({tick: this.state.tick++});
+    this.setState({ tick: this.state.tick += 1 });
-    }
+  }
 
-    render () {
+  render() {
-        const members = this.props.members.sort((l, r) => {
+    const members = this.props.members.sort((l, r) => l.at.diff(r.at))
-                return l.at.diff(r.at);
-            })
             .reverse()
-            .map((member) => {
+            .map(member => <ListItem key={member.id} primaryText={member.text} secondaryText={`${member.purpose} – ${member.at.fromNow()}`} />);
-                return <ListItem key={member.id} primaryText={member.text} secondaryText={`${member.purpose} – ${member.at.fromNow()}`} />
+
-        });
+    return (
-        
+      <div className="mdl-cell mdl-cell--12-col">
-        return (
+        <h3>Members signed in</h3>
-            <div className="mdl-cell mdl-cell--12-col">
+        {members.length ? members : 'No members currently signed in.'}
-                <h3>Members signed in</h3>
+      </div>
-                {!!members.length ? members : 'No members currently signed in.'}
+    );
-            </div>
+  }
-        );
+}
-    }
-}