fix(*): update read time

HoseaCodes · May 25, 2024 · 476dd14 · 476dd14
1 parent c251728
commit 476dd14
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/Components/Article/MainContainer.jsx b/src/Components/Article/MainContainer.jsx
@@ -47,7 +47,7 @@ const MainContainer = (props) => {
                 <GrayText>{timeFormater}</GrayText>
                 <span>&nbsp;&#183;&nbsp;</span>
                 <DisplayItem>
-                  {readTime} min read &nbsp; <AiFillStar />
+                  {readTime > 60 ? Math.floor((readTime / 60)) + " Hours " + (readTime % 60)  : readTime } min read &nbsp; <AiFillStar />
                 </DisplayItem>
                 <span>&nbsp;&#183;&nbsp;</span>
                 <TextToSpeech text={markdown} />

diff --git a/src/Pages/Articles/Article/Article.jsx b/src/Pages/Articles/Article/Article.jsx
@@ -8,6 +8,7 @@ import RightColumn from "../../../Components/Article/RightColumn";
 import MainContainer from "../../../Components/Article/MainContainer";
 import { BlogContent } from "../../../Layout/Container/styledArticle";
 import axios from "axios";
+import { countWords } from "../../../Utils/helperFunctions";
 
 const ArticleItem = () => {
   const params = useParams();
@@ -50,7 +51,7 @@ const ArticleItem = () => {
 
   const timeFormater = moment.utc(createdAt).format("MMMM Do YYYY");
   const avgWordsMinRead = 238;
-  const wordCount = markdown.length + 700;
+  const wordCount = countWords(markdown);
   const readTime = Math.round(wordCount / avgWordsMinRead);
   return (
     <>

diff --git a/src/Utils/helperFunctions.js b/src/Utils/helperFunctions.js
@@ -93,5 +93,11 @@ const getBasicAuth = (username, password) => {
   return auth;
 };
 
+function countWords(text) {
+  text = text.trim();
+  const words = text.split(/\s+/);
+  const wordCount = words.filter((word) => word.length > 0).length;
+  return wordCount;
+}
 
-export { copyTextToClipboard, responsive, sleep, truncate, getBasicAuth };
+export { copyTextToClipboard, responsive, sleep, truncate, getBasicAuth, countWords };