From 4ee49d5991a629f5de8ec2d36215af03cc51ce3c Mon Sep 17 00:00:00 2001
From: Dick Choi <fluke8259@gmail.com>
Date: Thu, 1 Sep 2016 00:49:25 +0900
Subject: [PATCH] lint colorpicker code

---
 .../modals/PreferencesModal/StorageItem.js    | 23 +++++++++++--------
 browser/main/modals/PreferencesModal/index.js |  8 +++----
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/StorageItem.js b/browser/main/modals/PreferencesModal/StorageItem.js
index 68cfb1fe..f84e2c79 100644
--- a/browser/main/modals/PreferencesModal/StorageItem.js
+++ b/browser/main/modals/PreferencesModal/StorageItem.js
@@ -55,10 +55,10 @@ class UnstyledFolderItem extends React.Component {
 
   handleColorButtonClick (e) {
     const folder = Object.assign({}, this.state.folder, { showColumnPicker: true, colorPickerPos: { left: 0, top: 0 } })
-    this.setState({ folder }, function() {
+    this.setState({ folder }, function () {
       // After the color picker has been painted, re-calculate its position
       // by comparing its dimensions to the host dimensions.
-      const { hostBoundingBox } = this.props;
+      const { hostBoundingBox } = this.props
       const colorPickerNode = ReactDOM.findDOMNode(this.refs.colorPicker)
       const colorPickerBox = colorPickerNode.getBoundingClientRect()
       const offsetTop = hostBoundingBox.bottom - colorPickerBox.bottom
@@ -103,19 +103,22 @@ class UnstyledFolderItem extends React.Component {
           <button styleName='folderList-item-left-colorButton' style={{color: this.state.folder.color}}
             onClick={(e) => !this.state.folder.showColumnPicker && this.handleColorButtonClick(e)}
           >
-          { this.state.folder.showColumnPicker ?
-            <div style={ popover }>
-              <div style={ cover }
-                onClick={ () => this.handleColorPickerClose() } />
+            {this.state.folder.showColumnPicker
+              ? <div style={popover}>
+                <div style={cover}
+                  onClick={() => this.handleColorPickerClose()}
+                />
                 <div style={pickerStyle}>
                   <SketchPicker
-                    ref="colorPicker"
+                    ref='colorPicker'
                     color={this.state.folder.color}
-                    onChange={ (color) => this.handleColorChange(color) }
-                    onChangeComplete={ (color) => this.handleColorChange(color) } />
+                    onChange={(color) => this.handleColorChange(color)}
+                    onChangeComplete={(color) => this.handleColorChange(color)}
+                  />
                 </div>
               </div>
-          : null }
+              : null
+            }
             <i className='fa fa-square'/>
           </button>
           <input styleName='folderList-item-left-nameInput'
diff --git a/browser/main/modals/PreferencesModal/index.js b/browser/main/modals/PreferencesModal/index.js
index fead28f4..0f8382e1 100644
--- a/browser/main/modals/PreferencesModal/index.js
+++ b/browser/main/modals/PreferencesModal/index.js
@@ -33,8 +33,8 @@ class Preferences extends React.Component {
   }
 
   renderContent () {
-    const { boundingBox } = this.state;
-    let { dispatch, config, storages } = this.props
+    const { boundingBox } = this.state
+    let { dispatch, config, data } = this.props
 
     switch (this.state.currentTab) {
       case 'INFO':
@@ -51,7 +51,7 @@ class Preferences extends React.Component {
         return (
           <StoragesTab
             dispatch={dispatch}
-            storages={storages}
+            data={data}
             boundingBox={boundingBox}
           />
         )
@@ -66,7 +66,7 @@ class Preferences extends React.Component {
 
   getContentBoundingBox () {
     const node = ReactDOM.findDOMNode(this.refs.content)
-    return node.getBoundingClientRect();
+    return node.getBoundingClientRect()
   }
 
   render () {