lint and prettier

.eslintrc.js

@@ -23,7 +23,7 @@ module.exports = {
   },
   settings: {
     react: {
-      version: '16.5'
+      version: '16.7'
     }
   }
 }

components/Editor.js

@@ -350,8 +350,7 @@ class Editor extends React.Component {
               getCarbonImage={this.getCarbonImage}
             />
             <div className="buttons">
-              {this.props.api.tweet &&
+              {this.props.api.tweet && online && (
-                online && (
                 <Button
                   className="tweetButton"
                   onClick={this.upload}

components/Settings.js

@@ -296,7 +296,9 @@ const Presets = React.memo(
         </div>
         {show ? (
           <div className="settings-presets-content" ref={contentRef}>
-            {presets.filter(p => p.custom).map(preset => (
+            {presets
+              .filter(p => p.custom)
+              .map(preset => (
                 <Preset
                   key={preset.id}
                   remove={remove}
@@ -306,7 +308,9 @@ const Presets = React.memo(
                 />
               ))}
             {customPresetsLength > 0 ? <div className="settings-presets-divider" /> : null}
-            {presets.filter(p => !p.custom).map(preset => (
+            {presets
+              .filter(p => !p.custom)
+              .map(preset => (
                 <Preset key={preset.id} apply={apply} preset={preset} selected={selected} />
               ))}
           </div>

components/style/Font.js

@@ -3,6 +3,8 @@
  * https://css-tricks.com/font-display-masses/#article-header-id-2
  * for `font-display` information
  */
+import React from 'react'
+
 export default () => (
   <style jsx global>
     {`

components/style/Reset.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import { COLORS } from '../../lib/constants'
 
 export default () => (

components/style/Typography.js

@@ -1,3 +1,5 @@
+import React from 'react'
+
 export default () => (
   <style jsx global>
     {`

package.json

@@ -11,7 +11,7 @@
     "test": "npm run cy:run --",
     "deploy": "now",
     "prettier": "prettier --config .prettierrc --write {.,components,lib,pages}/*.js {components,lib,pages,packages}/**/*.js",
-    "lint": "eslint components/*.js lib/*.js pages/*.js",
+    "lint": "eslint .",
     "contrib:add": "all-contributors add",
     "contrib:build": "all-contributors generate",
     "cy:run": "cypress run",
@@ -67,7 +67,7 @@
   "lint-staged": {
     "*.js": [
       "npm run lint",
-      "prettier --write",
+      "prettier --config .prettierrc --write",
       "git add"
     ]
   },