Update ListSetting to use util/toggle

components/ListSetting.js

@@ -1,24 +1,19 @@
 import React from 'react'
+
 import Checkmark from './svg/Checkmark'
 import { COLORS } from '../lib/constants'
+import { toggle } from '../lib/util'
 
 class ListSetting extends React.Component {
-  constructor(props) {
+  state = { isVisible: false }
-    super(props)
-    this.state = { isVisible: false }
-    this.select = this.select.bind(this)
-    this.toggle = this.toggle.bind(this)
-  }
 
-  select(item) {
+  select = id => {
-    if (this.props.selected !== item) {
+    if (this.props.selected !== id) {
-      this.props.onChange(item)
+      this.props.onChange(id)
     }
   }
 
-  toggle() {
+  toggle = () => this.setState(toggle('isVisible'))
-    this.setState({ isVisible: !this.state.isVisible })
-  }
 
   renderListItems() {
     return this.props.items.map(item => (