revert to arrow functions in react classes

src/atoms/Menu.js

@@ -15,13 +15,13 @@ class Menu extends React.Component {
     }
   }
 
-  toggleMenu() {
+  toggleMenu = () => {
     this.setState({
       open: !this.state.open,
     })
   }
 
-  handleSelect(selected) {
+  handleSelect = selected => {
     this.setState({
       open: false,
       selected,
@@ -30,7 +30,7 @@ class Menu extends React.Component {
     this.props.onChange(selected)
   }
 
-  optionLabel(value) {
+  optionLabel = value => {
     const { options } = this.props
 
     return options.find(option => option.value === value).label

src/atoms/Tags.js

@@ -14,7 +14,7 @@ class Tags extends React.Component {
     }
   }
 
-  handleDelete(index) {
+  handleDelete = index => {
     const { tags } = this.state
 
     tags.splice(index, 1)
@@ -24,7 +24,7 @@ class Tags extends React.Component {
     this.props.onChange(tags)
   }
 
-  handleAddition(tag) {
+  handleAddition = tag => {
     const { tags } = this.state
 
     tags.push(tag)

src/molecules/CheckboxGroup.js

@@ -10,7 +10,7 @@ class CheckboxGroup extends React.Component {
     }
   }
 
-  handleChange(event) {
+  handleChange = event => {
     const { values } = this.state
 
     const { value } = event.target

src/molecules/Files.js

@@ -12,11 +12,11 @@ class Files extends React.Component {
     }
   }
 
-  handleClick() {
+  handleClick = () => {
     this.fileInput.click()
   }
 
-  handleChange(event) {
+  handleChange = event => {
     const { uploads } = this.state
 
     Array.from(event.target.files).forEach(file => {
@@ -29,7 +29,7 @@ class Files extends React.Component {
     this.setState({ uploads })
   }
 
-  handleUploadedFile({ file, url }) {
+  handleUploadedFile = ({ file, url }) => {
     const values = this.state.values.concat({
       name: file.name,
       url,

src/molecules/RadioGroup.js

@@ -10,7 +10,7 @@ class RadioGroup extends React.Component {
     }
   }
 
-  handleChange(event) {
+  handleChange = event => {
     const { value } = event.target
     this.setState({ value })
     this.props.onChange(value)

src/molecules/Upload.js

@@ -4,13 +4,9 @@ import React from 'react'
 // TODO: make this a HOC for <UploadingFile>?
 
 class Upload extends React.Component {
-  constructor(props) {
-    super(props)
-
-    this.state = {
-      progress: 0,
-      error: undefined,
-    }
+  state = {
+    error: undefined,
+    progress: 0,
   }
 
   componentDidMount() {
@@ -23,7 +19,7 @@ class Upload extends React.Component {
   }
 
   // TODO: 'progress' event not being fired often enough?
-  handleProgress(event) {
+  handleProgress = event => {
     if (!event.lengthComputable) return
 
     this.setState({
@@ -31,7 +27,7 @@ class Upload extends React.Component {
     })
   }
 
-  handleLoad(event) {
+  handleLoad = event => {
     if (this.props.request.status === 200) {
       this.setState({
         progress: 1,
@@ -48,13 +44,13 @@ class Upload extends React.Component {
     }
   }
 
-  handleError(event) {
+  handleError = event => {
     this.setState({
       error: 'There was an error',
     })
   }
 
-  handleAbort(event) {
+  handleAbort = event => {
     this.setState({
       error: 'The upload was cancelled',
     })