Linting.

Author: saschb2b

src/components/ExpandablePanel/ExpandablePanel.js

@@ -17,47 +17,44 @@ const styles = {
 }
 
 class ExpandablePanel extends Component {
-  constructor(props) {
+  constructor (props) {
     super(props)
     this.state = {
       expanded: false,
       hovered: false
     }
   }
 
-  handleClickOutside(evt) {
-    console.log(evt)
-    this.setState({ expanded: false })
+  handleClickOutside (evt) {
+    this.setState({expanded: false})
   }
 
-  render() {
+  render () {
     return (
       <Paper
         style={this.state.expanded ? {
-            margin: '40px -20px'
-          } : {
-            ...styles.root,
-            cursor: 'pointer',
-            backgroundColor: this.state.hovered ? colors.grey200 : colors.white,
-            ...this.props.style
-          }}
-        onMouseEnter={() => this.setState({ hovered: true })}
-        onMouseLeave={() => this.setState({ hovered: false })}
-        onTouchTap={() => this.setState({ expanded: true })}
+          margin: '40px -20px'
+        } : {
+          ...styles.root,
+          cursor: 'pointer',
+          backgroundColor: this.state.hovered ? colors.grey200 : colors.white,
+          ...this.props.style
+        }}
+        onMouseEnter={() => this.setState({hovered: true})}
+        onMouseLeave={() => this.setState({hovered: false})}
+        onTouchTap={() => this.setState({expanded: true})}
       >
-        {this.state.expanded ?
-          <div>
-            <div style={{
-              padding: '16px 20px'
-            }}>
-              <Text type="title">
-                {this.props.title}
-              </Text>
-            </div>
-            {this.props.children}
-          </div>
-          :
+        {this.state.expanded ? <div>
           <div style={{
+            padding: '16px 20px'
+          }}>
+            <Text type="title">
+              {this.props.title}
+            </Text>
+          </div>
+          {this.props.children}
+        </div>
+          : <div style={{
             ...styles.text,
             ...this.props.textStyle
           }}>
@@ -74,7 +71,6 @@ class ExpandablePanel extends Component {
   }
 }
 
-
 ExpandablePanel.propTypes = {
   title: PropTypes.string.isRequired,
   description: PropTypes.string.isRequired,

src/components/SettingsGroup/SettingsGroup.js

@@ -3,15 +3,10 @@ import PropTypes from 'prop-types'
 import * as colors from 'material-ui/styles/colors'
 import Text from '../SettingsPanel/Text'
 
-const styles = {
-  root: {}
-}
-
 export default class SettingsGroup extends Component {
-  render() {
+  render () {
     return (
       <div style={{
-        ...styles.root,
         ...this.props.style
       }}>
         <div style={{

src/components/SettingsItem/SettingsItem.js

@@ -9,7 +9,7 @@ const styles = {
 }
 
 export default class SettingsItem extends Component {
-  render() {
+  render () {
     return (
       <div style={{
         ...styles.root,

src/components/SettingsPanel/SettingsPanel.js

@@ -9,7 +9,7 @@ const styles = {
 }
 
 export default class SettingsPanel extends Component {
-  render() {
+  render () {
     return (
       <div style={{
         ...styles.root,