Merge pull request #15202 from ethereum/hotfix-read-time

Hotfix reading time for tutorials

Author: corwintines

app/[locale]/[...slug]/page.tsx

@@ -63,6 +63,7 @@ export default async function Page({
     lastEditLocaleTimestamp,
     isTranslated,
     contributors,
+    timeToRead,
   } = await getPageData({
     locale,
     slug,
@@ -97,8 +98,7 @@ export default async function Page({
         lastEditLocaleTimestamp={lastEditLocaleTimestamp}
         contentNotTranslated={!isTranslated}
         contributors={contributors}
-        // TODO: Remove this once we have a real timeToRead value
-        timeToRead={2}
+        timeToRead={Math.round(timeToRead.minutes)}
       >
         {content}
       </Layout>

src/lib/md/data.ts

@@ -1,4 +1,5 @@
 import { MDXRemoteProps } from "next-mdx-remote"
+import readingTime, { ReadTimeResults } from "reading-time"
 
 import {
   CommitHistory,
@@ -32,6 +33,7 @@ interface PageData {
   lastEditLocaleTimestamp: string
   contributors: FileContributor[]
   isTranslated: boolean
+  timeToRead: ReadTimeResults
 }
 
 export async function getPageData({
@@ -76,12 +78,15 @@ export async function getPageData({
     lastUpdatedDate
   )
 
+  const timeToRead = readingTime(markdown)
+
   return {
     content,
     frontmatter,
     tocItems: tocItems as ToCItem[],
     lastEditLocaleTimestamp,
     contributors,
     isTranslated,
+    timeToRead,
   }
 }