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

browser/main/modals/PreferencesModal/SnippetList.js

@@ -7,53 +7,65 @@ import eventEmitter from 'browser/main/lib/eventEmitter'
 import context from 'browser/lib/context'
 
 class SnippetList extends React.Component {
-  constructor (props) {
+  constructor(props) {
     super(props)
     this.state = {
       snippets: []
     }
   }
 
-  componentDidMount () {
+  componentDidMount() {
     this.reloadSnippetList()
     eventEmitter.on('snippetList:reload', this.reloadSnippetList.bind(this))
   }
 
-  reloadSnippetList () {
+  reloadSnippetList() {
     dataApi.fetchSnippet().then(snippets => {
-      this.setState({snippets})
+      this.setState({ snippets })
       this.props.onSnippetSelect(this.props.currentSnippet)
     })
   }
 
-  handleSnippetContextMenu (snippet) {
-    context.popup([{
-      label: i18n.__('Delete snippet'),
-      click: () => this.deleteSnippet(snippet)
-    }])
+  handleSnippetContextMenu(snippet) {
+    context.popup([
+      {
+        label: i18n.__('Delete snippet'),
+        click: () => this.deleteSnippet(snippet)
+      }
+    ])
   }
 
-  deleteSnippet (snippet) {
-    dataApi.deleteSnippet(snippet).then(() => {
-      this.reloadSnippetList()
-      this.props.onSnippetDeleted(snippet)
-    }).catch(err => { throw err })
+  deleteSnippet(snippet) {
+    dataApi
+      .deleteSnippet(snippet)
+      .then(() => {
+        this.reloadSnippetList()
+        this.props.onSnippetDeleted(snippet)
+      })
+      .catch(err => {
+        throw err
+      })
   }
 
-  handleSnippetClick (snippet) {
+  handleSnippetClick(snippet) {
     this.props.onSnippetSelect(snippet)
   }
 
-  createSnippet () {
-    dataApi.createSnippet().then(() => {
-      this.reloadSnippetList()
-      // scroll to end of list when added new snippet
-      const snippetList = document.getElementById('snippets')
-      snippetList.scrollTop = snippetList.scrollHeight
-    }).catch(err => { throw err })
+  createSnippet() {
+    dataApi
+      .createSnippet()
+      .then(() => {
+        this.reloadSnippetList()
+        // scroll to end of list when added new snippet
+        const snippetList = document.getElementById('snippets')
+        snippetList.scrollTop = snippetList.scrollHeight
+      })
+      .catch(err => {
+        throw err
+      })
   }
 
-  defineSnippetStyleName (snippet) {
+  defineSnippetStyleName(snippet) {
     const { currentSnippet } = this.props
 
     if (currentSnippet == null) {
@@ -67,29 +79,31 @@ class SnippetList extends React.Component {
     }
   }
 
-  render () {
+  render() {
     const { snippets } = this.state
     return (
       <div styleName='snippet-list'>
         <div styleName='group-section'>
           <div styleName='group-section-control'>
-            <button styleName='group-control-button' onClick={() => this.createSnippet()}>
+            <button
+              styleName='group-control-button'
+              onClick={() => this.createSnippet()}
+            >
               <i className='fa fa-plus' /> {i18n.__('New Snippet')}
             </button>
           </div>
         </div>
         <ul id='snippets' styleName='snippets'>
-          {
-            snippets.map((snippet) => (
-              <li
-                styleName={this.defineSnippetStyleName(snippet)}
-                key={snippet.id}
-                onContextMenu={() => this.handleSnippetContextMenu(snippet)}
-                onClick={() => this.handleSnippetClick(snippet)}>
-                {snippet.name}
-              </li>
-            ))
-          }
+          {snippets.map(snippet => (
+            <li
+              styleName={this.defineSnippetStyleName(snippet)}
+              key={snippet.id}
+              onContextMenu={() => this.handleSnippetContextMenu(snippet)}
+              onClick={() => this.handleSnippetClick(snippet)}
+            >
+              {snippet.name}
+            </li>
+          ))}
         </ul>
       </div>
     )