style: supress warnings

Author: izackwu

src/components/layout/layout.js

@@ -1,11 +1,11 @@
 import React from "react"
-import SEO from "./seo"
+import Seo from "./seo"
 import * as styles from "./layout.module.scss"
 
 const Layout = ({ title, description, socialImage, children, meta }) => {
   return (
     <div className={styles.layout}>
-      <SEO
+      <Seo
         title={title}
         description={description}
         meta={meta}

src/components/layout/seo/seo.js

@@ -11,28 +11,31 @@ import { Helmet } from "react-helmet"
 import PropTypes from "prop-types"
 import React from "react"
 
-const SEO = ({ description, lang, meta, title, socialImage }) => {
+const Seo = ({ description, lang, meta, title, socialImage }) => {
   const { site } = useStaticQuery(
     graphql`
-    query {
-      site {
-        siteMetadata {
-          title
-          description
-          image
-          social {
-            twitter
+      query {
+        site {
+          siteMetadata {
+            title
+            description
+            image
+            social {
+              twitter
+            }
+            language
+            siteUrl
           }
-          language
-          siteUrl
         }
       }
-    }
     `
-    )
+  )
   const metaDescription = description || site.siteMetadata.description
   // Twitter card only supports absolute URLs
-  const metaImage = (new URL(socialImage || site.siteMetadata.image, site.siteMetadata.siteUrl)).toString()
+  const metaImage = new URL(
+    socialImage || site.siteMetadata.image,
+    site.siteMetadata.siteUrl
+  ).toString()
 
   return (
     <Helmet
@@ -87,18 +90,18 @@ const SEO = ({ description, lang, meta, title, socialImage }) => {
   )
 }
 
-SEO.defaultProps = {
+Seo.defaultProps = {
   lang: ``,
   meta: [],
   description: ``,
 }
 
-SEO.propTypes = {
+Seo.propTypes = {
   description: PropTypes.string,
   lang: PropTypes.string,
   meta: PropTypes.arrayOf(PropTypes.object),
   title: PropTypes.string.isRequired,
   socialImage: PropTypes.string,
 }
 
-export default SEO
+export default Seo

src/components/sidebar/sidebar.js

@@ -6,7 +6,7 @@ import Copyright from "./copyright"
 import Menu from "./menu"
 import SiteMeta from "./sitemeta"
 import SocialLinks from "./social-links"
-import TOC from "./toc"
+import Toc from "./toc"
 import * as styles from "./sidebar.module.scss"
 
 const Sidebar = ({ toc }) => {
@@ -60,7 +60,7 @@ const Sidebar = ({ toc }) => {
       />
       <Menu menu={site.siteMetadata.sidebarMenu} />
       <SocialLinks social={site.siteMetadata.social} />
-      <TOC toc={toc} />
+      <Toc toc={toc} />
       <Copyright contentHTML={site.siteMetadata.footerHTML} />
     </div>
   )

src/components/sidebar/social-links/utils.js

@@ -6,12 +6,12 @@ import {
   FaTelegramPlane,
   FaTwitter,
   FaYoutube,
-  ImShare2,
-  IoMdMail,
-  RiDoubanFill,
-  RiInstagramFill,
   FaKeybase,
-} from "react-icons/all"
+} from "react-icons/fa"
+
+import { ImShare2 } from "react-icons/im"
+import { IoMdMail } from "react-icons/io"
+import { RiDoubanFill, RiInstagramFill } from "react-icons/ri"
 
 import React from "react"
 

src/components/sidebar/toc/toc.js

@@ -1,7 +1,7 @@
 import React from "react"
 import * as styles from "./toc.module.scss"
 
-const TOC = ({ toc }) => {
+const Toc = ({ toc }) => {
   if (!toc) {
     return null
   }
@@ -10,4 +10,4 @@ const TOC = ({ toc }) => {
   )
 }
 
-export default TOC
+export default Toc