ran format

pages/_document.js

@@ -26,14 +26,35 @@ export default class MyDocument extends Document {
             name="viewport"
             content="width=device-width, initial-scale=1, shrink-to-fit=no"
           />
-          <link rel="apple-touch-icon" sizes="180x180" href={getUrl("/apple-touch-icon.png")}/>
-          <link rel="icon" type="image/png" sizes="32x32" href={getUrl("/favicon-32x32.png")}/>
-          <link rel="icon" type="image/png" sizes="16x16" href={getUrl("/favicon-16x16.png")}/>
-          <link rel="manifest" href={getUrl("/site.webmanifest")}/>
-          <link rel="mask-icon" href={getUrl("/safari-pinned-tab.svg")} color="#00d1b2"/>
+          <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href={getUrl('/apple-touch-icon.png')}
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href={getUrl('/favicon-32x32.png')}
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="16x16"
+            href={getUrl('/favicon-16x16.png')}
+          />
+          <link rel="manifest" href={getUrl('/site.webmanifest')} />
+          <link
+            rel="mask-icon"
+            href={getUrl('/safari-pinned-tab.svg')}
+            color="#00d1b2"
+          />
           <meta name="msapplication-TileColor" content="#202225" />
           <meta name="theme-color" content="#202225" />
-          <style dangerouslySetInnerHTML={{ __html: this.props.css }} data-glamor />
+          <style
+            dangerouslySetInnerHTML={{ __html: this.props.css }}
+            data-glamor
+          />
           <script
             dangerouslySetInnerHTML={{
               __html: 'window.kbConf=' + JSON.stringify(app.get('kbConf')),

src/components/Footer.js

@@ -1,5 +1,5 @@
 import { css } from 'glamor'
-import theme from '../styles/theme';
+import theme from '../styles/theme'
 
 const style = {
   textAlign: 'center',
@@ -8,7 +8,7 @@ const style = {
 
   '& p': {
     marginBottom: 0,
-  }
+  },
 }
 
 const Footer = () => (

src/components/Header.js

@@ -63,7 +63,7 @@ const style = {
       margin: 0,
       cursor: 'pointer',
       padding: '15px 20px',
-    }
+    },
   },
 
   '@media screen and (max-width: 840px)': {
@@ -92,9 +92,9 @@ const style = {
         width: '100%',
         padding: '5px 0',
         textAlign: 'center',
-      }
-    }
-  }
+      },
+    },
+  },
 }
 
 const NavLink = ({ children, href, active }) => {
@@ -127,7 +127,11 @@ class Header extends Component {
     const expandClass = this.state.open ? ' active' : ''
     const { user } = this.props
     return (
-      <nav className={ "navbar " + css(style) } role="navigation" aria-label="main navigation">
+      <nav
+        className={'navbar ' + css(style)}
+        role="navigation"
+        aria-label="main navigation"
+      >
         <div className="navbar-brand">
           <NavLink href="/">
             <h3 onClick={this.hideNav}>MYKB</h3>

src/components/MngDoc.js

@@ -15,10 +15,13 @@ const CodeMirrorSkel = () => (
     <textarea style={{ height: 'calc(300px - 1.2rem)', margin: 0 }} />
   </div>
 )
-const CodeMirror = dynamic(typeof window !== 'undefined' && import('../components/CodeMirror'), {
+const CodeMirror = dynamic(
+  typeof window !== 'undefined' && import('../components/CodeMirror'),
+  {
     loading: CodeMirrorSkel,
     ssr: false,
-})
+  }
+)
 const initState = {
   name: '',
   dir: '',