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

browser/main/NewNoteButton/index.js

@@ -15,30 +15,48 @@ const { dialog } = remote
 const OSX = window.process.platform === 'darwin'
 
 class NewNoteButton extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
 
-    this.state = {
-    }
+    this.state = {}
 
     this.handleNewNoteButtonClick = this.handleNewNoteButtonClick.bind(this)
   }
 
-  componentDidMount () {
+  componentDidMount() {
     eventEmitter.on('top:new-note', this.handleNewNoteButtonClick)
   }
 
-  componentWillUnmount () {
+  componentWillUnmount() {
     eventEmitter.off('top:new-note', this.handleNewNoteButtonClick)
   }
 
-  handleNewNoteButtonClick (e) {
-    const { location, dispatch, match: { params }, config } = this.props
+  handleNewNoteButtonClick(e) {
+    const {
+      location,
+      dispatch,
+      match: { params },
+      config
+    } = this.props
     const { storage, folder } = this.resolveTargetFolder()
     if (config.ui.defaultNote === 'MARKDOWN_NOTE') {
-      createMarkdownNote(storage.key, folder.key, dispatch, location, params, config)
+      createMarkdownNote(
+        storage.key,
+        folder.key,
+        dispatch,
+        location,
+        params,
+        config
+      )
     } else if (config.ui.defaultNote === 'SNIPPET_NOTE') {
-      createSnippetNote(storage.key, folder.key, dispatch, location, params, config)
+      createSnippetNote(
+        storage.key,
+        folder.key,
+        dispatch,
+        location,
+        params,
+        config
+      )
     } else {
       modal.open(NewNoteModal, {
         storage: storage.key,
@@ -51,8 +69,11 @@ class NewNoteButton extends React.Component {
     }
   }
 
-  resolveTargetFolder () {
-    const { data, match: { params } } = this.props
+  resolveTargetFolder() {
+    const {
+      data,
+      match: { params }
+    } = this.props
     let storage = data.storageMap.get(params.storageKey)
     // Find first storage
     if (storage == null) {
@@ -62,9 +83,12 @@ class NewNoteButton extends React.Component {
       }
     }
 
-    if (storage == null) this.showMessageBox(i18n.__('No storage to create a note'))
-    const folder = _.find(storage.folders, {key: params.folderKey}) || storage.folders[0]
-    if (folder == null) this.showMessageBox(i18n.__('No folder to create a note'))
+    if (storage == null)
+      this.showMessageBox(i18n.__('No storage to create a note'))
+    const folder =
+      _.find(storage.folders, { key: params.folderKey }) || storage.folders[0]
+    if (folder == null)
+      this.showMessageBox(i18n.__('No folder to create a note'))
 
     return {
       storage,
@@ -72,7 +96,7 @@ class NewNoteButton extends React.Component {
     }
   }
 
-  showMessageBox (message) {
+  showMessageBox(message) {
     dialog.showMessageBox(remote.getCurrentWindow(), {
       type: 'warning',
       message: message,
@@ -80,16 +104,19 @@ class NewNoteButton extends React.Component {
     })
   }
 
-  render () {
+  render() {
     const { config, style } = this.props
     return (
-      <div className='NewNoteButton'
+      <div
+        className='NewNoteButton'
         styleName={config.isSideNavFolded ? 'root--expanded' : 'root'}
         style={style}
       >
         <div styleName='control'>
-          <button styleName='control-newNoteButton'
-            onClick={this.handleNewNoteButtonClick}>
+          <button
+            styleName='control-newNoteButton'
+            onClick={this.handleNewNoteButtonClick}
+          >
             <img src='../resources/icon/icon-newnote.svg' />
             <span styleName='control-newNoteButton-tooltip'>
               {i18n.__('Make a note')} {OSX ? '⌘' : i18n.__('Ctrl')} + N