From 555c90804840e8d369505b462e746532eb9cfaa0 Mon Sep 17 00:00:00 2001
From: alexdriaguine <alexdriagin12@gmail.com>
Date: Tue, 17 Dec 2019 20:15:20 +0100
Subject: [PATCH] chore: add reading time plugin

---
 gatsby-config.js           |  2 +-
 package-lock.json          | 13 +++++++++++++
 package.json               |  1 +
 src/components/bio.js      |  1 -
 src/pages/index.js         |  5 ++++-
 src/templates/blog-post.js |  7 ++++++-
 6 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index 7dd547b..ff3e77d 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -46,7 +46,7 @@ module.exports = {
             },
             aliases: {},
           },
-          // `gatsby-remark-prismjs`,
+          `gatsby-remark-reading-time`,
           `gatsby-remark-copy-linked-files`,
           `gatsby-remark-smartypants`,
         ],
diff --git a/package-lock.json b/package-lock.json
index 502529d..2d8deb3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8031,6 +8031,14 @@
         "unist-util-visit": "^1.4.1"
       }
     },
+    "gatsby-remark-reading-time": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/gatsby-remark-reading-time/-/gatsby-remark-reading-time-1.1.0.tgz",
+      "integrity": "sha512-J2I/Aerw6iEcYUs9MH5r7Ky5PIe7Aiq7+M3sDWdRa0ddWYIOZGxPq8U1xYsIBwQjVtPovk8N4aMTau9kjQQLQA==",
+      "requires": {
+        "reading-time": "^1.1.3"
+      }
+    },
     "gatsby-remark-responsive-iframe": {
       "version": "2.2.30",
       "resolved": "https://registry.npmjs.org/gatsby-remark-responsive-iframe/-/gatsby-remark-responsive-iframe-2.2.30.tgz",
@@ -14334,6 +14342,11 @@
         }
       }
     },
+    "reading-time": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/reading-time/-/reading-time-1.2.0.tgz",
+      "integrity": "sha512-5b4XmKK4MEss63y0Lw0vn0Zn6G5kiHP88mUnD8UeEsyORj3sh1ghTH0/u6m1Ax9G2F4wUZrknlp6WlIsCvoXVA=="
+    },
     "recursive-readdir": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.1.tgz",
diff --git a/package.json b/package.json
index d54a26c..595096d 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "gatsby-remark-copy-linked-files": "^2.0.12",
     "gatsby-remark-images": "^2.0.6",
     "gatsby-remark-prismjs": "^3.3.27",
+    "gatsby-remark-reading-time": "^1.1.0",
     "gatsby-remark-responsive-iframe": "^2.1.1",
     "gatsby-remark-smartypants": "^2.0.9",
     "gatsby-source-filesystem": "^2.0.32",
diff --git a/src/components/bio.js b/src/components/bio.js
index 6085269..ff2e94a 100644
--- a/src/components/bio.js
+++ b/src/components/bio.js
@@ -21,7 +21,6 @@ function Bio() {
       query={bioQuery}
       render={data => {
         const { author, social } = data.site.siteMetadata
-        console.log(data.avatar.childImageSharp.fixed)
         return (
           <div
             style={{
diff --git a/src/pages/index.js b/src/pages/index.js
index bd33594..6cad076 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -32,7 +32,7 @@ class BlogIndex extends React.Component {
                   {title}
                 </Link>
               </h3>
-              <small>{node.frontmatter.date}</small>
+              <small>{node.frontmatter.date} - {node.fields.readingTime.text}</small>
               <p
                 dangerouslySetInnerHTML={{
                   __html: node.frontmatter.description || node.excerpt,
@@ -61,6 +61,9 @@ export const pageQuery = graphql`
           excerpt
           fields {
             slug
+            readingTime {
+              text
+            }
           }
           frontmatter {
             date(formatString: "MMMM DD, YYYY")
diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
index 644054e..db0b680 100644
--- a/src/templates/blog-post.js
+++ b/src/templates/blog-post.js
@@ -27,7 +27,7 @@ class BlogPostTemplate extends React.Component {
             marginTop: rhythm(-1),
           }}
         >
-          {post.frontmatter.date}
+          {post.frontmatter.date} - {post.fields.readingTime.text}
         </p>
         <div dangerouslySetInnerHTML={{ __html: post.html }} />
         <hr
@@ -85,6 +85,11 @@ export const pageQuery = graphql`
         date(formatString: "MMMM DD, YYYY")
         description
       }
+      fields {
+        readingTime {
+          text
+        }
+      }
     }
   }
 `