fixed eslint error & integrated with prettier as well as formatted the whole codebase (#3450)

browser/components/ColorPicker.js

@@ -7,7 +7,7 @@ import styles from './ColorPicker.styl'
 const componentHeight = 330
 
 class ColorPicker extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
     this.state = {
@@ -18,21 +18,21 @@ class ColorPicker extends React.Component {
     this.handleConfirm = this.handleConfirm.bind(this)
   }
 
-  componentWillReceiveProps (nextProps) {
+  componentWillReceiveProps(nextProps) {
     this.onColorChange(nextProps.color)
   }
 
-  onColorChange (color) {
+  onColorChange(color) {
     this.setState({
       color
     })
   }
 
-  handleConfirm () {
+  handleConfirm() {
     this.props.onConfirm(this.state.color)
   }
 
-  render () {
+  render() {
     const { onReset, onCancel, targetRect } = this.props
     const { color } = this.state
 
@@ -44,13 +44,22 @@ class ColorPicker extends React.Component {
     }
 
     return (
-      <div styleName='colorPicker' style={{top: `${alignY}px`, left: `${alignX}px`}}>
+      <div
+        styleName='colorPicker'
+        style={{ top: `${alignY}px`, left: `${alignX}px` }}
+      >
         <div styleName='cover' onClick={onCancel} />
         <SketchPicker color={color} onChange={this.onColorChange} />
         <div styleName='footer'>
-          <button styleName='btn-reset' onClick={onReset}>Reset</button>
-          <button styleName='btn-cancel' onClick={onCancel}>Cancel</button>
-          <button styleName='btn-confirm' onClick={this.handleConfirm}>Confirm</button>
+          <button styleName='btn-reset' onClick={onReset}>
+            Reset
+          </button>
+          <button styleName='btn-cancel' onClick={onCancel}>
+            Cancel
+          </button>
+          <button styleName='btn-confirm' onClick={this.handleConfirm}>
+            Confirm
+          </button>
         </div>
       </div>
     )