standard

Author: feross

src/views/embed-page.mjs

@@ -86,7 +86,7 @@ class EmbedMidi extends Component {
         <Link
           color='white'
           title={`Play ${midi.name}`}
-          onClick={this.onClick}
+          onClick={this.handleClick}
         >
           <div class={`bg-${mainColor} pv2 ph3 flex`} style={{ height: 45 }}>
             <h2 class='flex-auto f4 mv0 lh-copy truncate underline-hover'>{midi.name}</h2>
@@ -110,7 +110,7 @@ class EmbedMidi extends Component {
     )
   }
 
-  onClick = () => {
+  handleClick = () => {
     const { dispatch } = this.context
     const { midi } = this.props
     dispatch('MIDI_PLAY_PAUSE', midi.slug)

src/views/input.mjs

@@ -46,8 +46,8 @@ export default class Input extends Component {
           pillClass,
           className
         )}
-        onBlur={this.onBlur}
-        onFocus={this.onFocus}
+        onBlur={this.handleBlur}
+        onFocus={this.handleFocus}
         placeholder={placeholder}
         spellCheck='false'
         type={type}
@@ -60,13 +60,13 @@ export default class Input extends Component {
     this.elem = elem
   }
 
-  onFocus = (event) => {
+  handleFocus = (event) => {
     const { onFocus } = this.props
     this.setState({ focused: true })
     if (onFocus) onFocus(event)
   }
 
-  onBlur = (event) => {
+  handleBlur = (event) => {
     const { onBlur } = this.props
     this.setState({ focused: false })
     if (onBlur) onBlur(event)

src/views/search.mjs

@@ -24,10 +24,10 @@ export default class Search extends Component {
           'o-90': !focused
         }, 'grow-subtle', className)}
         pill
-        onInput={this.onInput}
-        onKeyPress={this.onKeyPress}
-        onFocus={this.onFocus}
-        onBlur={this.onBlur}
+        onInput={this.handleInput}
+        onKeyPress={this.handleKeyPress}
+        onFocus={this.handleFocus}
+        onBlur={this.handleBlur}
         placeholder='Search'
         value={lastSearch}
         {...rest}
@@ -40,24 +40,24 @@ export default class Search extends Component {
     dispatch('SEARCH_INPUT', value)
   }
 
-  onInput = event => {
+  handleInput = event => {
     const value = event.target.value
     this.dispatch(value)
   }
 
-  onKeyPress = event => {
+  handleKeyPress = event => {
     event.stopPropagation()
     if (event.key === 'Enter') {
       const value = event.target.value
       if (value.trim() !== '') this.dispatch(value)
     }
   }
 
-  onFocus = () => {
+  handleFocus = () => {
     this.setState({ focused: true })
   }
 
-  onBlur = () => {
+  handleBlur = () => {
     this.setState({ focused: false })
   }
 }