From 3fd40e13a4ba7cf8dce5fb898d429f866238542d Mon Sep 17 00:00:00 2001
From: Jerome Hardaway <jerome@vetswhocode.io>
Date: Sat, 21 Dec 2024 17:33:02 -0500
Subject: [PATCH]  Remove 'views' field from blog data retrieval across
 multiple components

---
 src/components/blog-card/blog-05.tsx                |  9 ++-------
 src/components/blog-card/blog-06.tsx                | 12 ++----------
 src/pages/blogs/author/[author]/index.tsx           |  2 +-
 src/pages/blogs/author/[author]/page/[page].tsx     |  2 +-
 src/pages/blogs/blog-classic/index.tsx              |  2 +-
 src/pages/blogs/blog-classic/page/[page].tsx        |  4 ++--
 src/pages/blogs/blog-grid-sidebar/index.tsx         |  2 +-
 src/pages/blogs/blog-grid-sidebar/page/[page].tsx   |  4 ++--
 src/pages/blogs/blog-list/index.tsx                 |  2 +-
 src/pages/blogs/blog-list/page/[page].tsx           |  4 ++--
 src/pages/blogs/blog/index.tsx                      |  2 +-
 src/pages/blogs/blog/page/[page].tsx                |  4 ++--
 src/pages/blogs/category/[category]/index.tsx       |  2 +-
 src/pages/blogs/category/[category]/page/[page].tsx |  2 +-
 src/pages/blogs/search.tsx                          |  2 +-
 src/pages/blogs/tag/[tag]/index.tsx                 |  2 +-
 src/pages/blogs/tag/[tag]/page/[page].tsx           |  2 +-
 src/pages/index.tsx                                 |  4 ++--
 18 files changed, 25 insertions(+), 38 deletions(-)

diff --git a/src/components/blog-card/blog-05.tsx b/src/components/blog-card/blog-05.tsx
index 01827cb1..ed2a7aea 100644
--- a/src/components/blog-card/blog-05.tsx
+++ b/src/components/blog-card/blog-05.tsx
@@ -9,13 +9,13 @@ import SocialShare from "@components/social-share/layout-03";
 
 type TProps = Pick<
     IBlog,
-    "image" | "path" | "title" | "postedAt" | "views" | "category" | "author" | "excerpt"
+    "image" | "path" | "title" | "postedAt" | "category" | "author" | "excerpt"
 > & {
     className?: string;
 };
 
 const BlogCard = forwardRef<HTMLDivElement, TProps>(
-    ({ className, image, path, title, postedAt, views, category, author, excerpt }, ref) => {
+    ({ className, image, path, title, postedAt, category, author, excerpt }, ref) => {
         return (
             <div
                 className={clsx(
@@ -60,11 +60,6 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
                             text={postedAt}
                             icon="far fa-calendar"
                         />
-                        <BlogMetaItem
-                            className="tw-pr-5 md:tw-pr-8"
-                            text={`${views} views`}
-                            icon="far fa-eye"
-                        />
                     </div>
                     <p className="tw-mt-4" dangerouslySetInnerHTML={{ __html: excerpt }} />
                     <div className="tw-flex tw-items-center tw-justify-between tw-mt-7.5">
diff --git a/src/components/blog-card/blog-06.tsx b/src/components/blog-card/blog-06.tsx
index a7f281bd..cd35e124 100644
--- a/src/components/blog-card/blog-06.tsx
+++ b/src/components/blog-card/blog-06.tsx
@@ -7,15 +7,12 @@ import { IBlog } from "@utils/types";
 import Button from "@components/ui/button";
 import SocialShare from "@components/social-share/layout-03";
 
-type TProps = Pick<
-    IBlog,
-    "image" | "path" | "title" | "postedAt" | "views" | "author" | "excerpt"
-> & {
+type TProps = Pick<IBlog, "image" | "path" | "title" | "postedAt" | "author" | "excerpt"> & {
     className?: string;
 };
 
 const BlogCard = forwardRef<HTMLDivElement, TProps>(
-    ({ className, image, path, title, postedAt, views, author, excerpt }, ref) => {
+    ({ className, image, path, title, postedAt, author, excerpt }, ref) => {
         return (
             <div
                 className={clsx(
@@ -54,11 +51,6 @@ const BlogCard = forwardRef<HTMLDivElement, TProps>(
                             text={postedAt}
                             icon="far fa-calendar"
                         />
-                        <BlogMetaItem
-                            className="tw-pr-5 md:tw-pr-8"
-                            text={`${views} views`}
-                            icon="far fa-eye"
-                        />
                     </div>
                     <p className="tw-mt-4" dangerouslySetInnerHTML={{ __html: excerpt }} />
                     <div className="tw-flex tw-items-center tw-justify-between tw-mt-7.5 md:tw-mt-9">
diff --git a/src/pages/blogs/author/[author]/index.tsx b/src/pages/blogs/author/[author]/index.tsx
index 54f55ad9..9ad94a65 100644
--- a/src/pages/blogs/author/[author]/index.tsx
+++ b/src/pages/blogs/author/[author]/index.tsx
@@ -82,7 +82,7 @@ export const getStaticProps = ({ params }: Params) => {
     const author = getAuthorBySlug(params.author, ["id", "name", "slug"]);
     const { posts, count } = getPostsByAuthor(
         author.id,
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/author/[author]/page/[page].tsx b/src/pages/blogs/author/[author]/page/[page].tsx
index 4d830fcf..ae88fe21 100644
--- a/src/pages/blogs/author/[author]/page/[page].tsx
+++ b/src/pages/blogs/author/[author]/page/[page].tsx
@@ -106,7 +106,7 @@ export const getStaticProps = ({ params }: Params) => {
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { posts, count } = getPostsByAuthor(
         author.id,
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-classic/index.tsx b/src/pages/blogs/blog-classic/index.tsx
index 13271702..c450dbd3 100644
--- a/src/pages/blogs/blog-classic/index.tsx
+++ b/src/pages/blogs/blog-classic/index.tsx
@@ -49,7 +49,7 @@ BlogClassic.Layout = Layout01;
 
 export const getStaticProps: GetStaticProps = () => {
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "category", "postedAt", "views", "author", "excerpt"],
+        ["title", "image", "category", "postedAt", "author", "excerpt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-classic/page/[page].tsx b/src/pages/blogs/blog-classic/page/[page].tsx
index ab608d60..31e5bba8 100644
--- a/src/pages/blogs/blog-classic/page/[page].tsx
+++ b/src/pages/blogs/blog-classic/page/[page].tsx
@@ -60,7 +60,7 @@ export const getStaticPaths: GetStaticPaths = () => {
         .filter(Boolean);
 
     const paths = pagesToGenerate.map((page) => {
-        return { params: { page: String(page) } }; // cast page to string
+        return { params: { page: String(page) } };
     });
 
     return {
@@ -78,7 +78,7 @@ export const getStaticProps: GetStaticProps<TProps, Params> = ({ params }) => {
     const currentPage = !page || Number.isNaN(+page) ? 1 : +page;
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "category", "postedAt", "views", "author", "excerpt"],
+        ["title", "image", "category", "postedAt", "author", "excerpt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-grid-sidebar/index.tsx b/src/pages/blogs/blog-grid-sidebar/index.tsx
index 1a1a2635..06a55be2 100644
--- a/src/pages/blogs/blog-grid-sidebar/index.tsx
+++ b/src/pages/blogs/blog-grid-sidebar/index.tsx
@@ -49,7 +49,7 @@ BlogGridSidebar.Layout = Layout01;
 
 export const getStaticProps: GetStaticProps = () => {
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-grid-sidebar/page/[page].tsx b/src/pages/blogs/blog-grid-sidebar/page/[page].tsx
index ebbec896..be4dcd3e 100644
--- a/src/pages/blogs/blog-grid-sidebar/page/[page].tsx
+++ b/src/pages/blogs/blog-grid-sidebar/page/[page].tsx
@@ -60,7 +60,7 @@ export const getStaticPaths: GetStaticPaths = () => {
         .filter(Boolean);
 
     const paths = pagesToGenerate.map((page) => {
-        return { params: { page: String(page) } }; // cast page to string
+        return { params: { page: String(page) } };
     });
 
     return {
@@ -78,7 +78,7 @@ export const getStaticProps: GetStaticProps<TProps, Params> = ({ params }) => {
     const currentPage = !page || Number.isNaN(+page) ? 1 : +page;
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { blogs, count } = getAllBlogs(
-        ["title", "slug", "image", "category", "postedAt", "views"],
+        ["title", "slug", "image", "category", "postedAt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-list/index.tsx b/src/pages/blogs/blog-list/index.tsx
index 06daa428..73b41a63 100644
--- a/src/pages/blogs/blog-list/index.tsx
+++ b/src/pages/blogs/blog-list/index.tsx
@@ -43,7 +43,7 @@ BlogList.Layout = Layout01;
 
 export const getStaticProps: GetStaticProps = () => {
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "postedAt", "views", "author", "excerpt"],
+        ["title", "image", "postedAt", "author", "excerpt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog-list/page/[page].tsx b/src/pages/blogs/blog-list/page/[page].tsx
index 635266c8..988cad35 100644
--- a/src/pages/blogs/blog-list/page/[page].tsx
+++ b/src/pages/blogs/blog-list/page/[page].tsx
@@ -54,7 +54,7 @@ export const getStaticPaths: GetStaticPaths = () => {
         .filter(Boolean);
 
     const paths = pagesToGenerate.map((page) => {
-        return { params: { page: String(page) } }; // cast page to string
+        return { params: { page: String(page) } };
     });
 
     return {
@@ -72,7 +72,7 @@ export const getStaticProps: GetStaticProps<TProps, Params> = ({ params }) => {
     const currentPage = !page || Number.isNaN(+page) ? 1 : +page;
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "category", "postedAt", "views", "author", "excerpt"],
+        ["title", "image", "category", "postedAt", "author", "excerpt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog/index.tsx b/src/pages/blogs/blog/index.tsx
index 8509f1ff..a9ef9a68 100644
--- a/src/pages/blogs/blog/index.tsx
+++ b/src/pages/blogs/blog/index.tsx
@@ -39,7 +39,7 @@ BlogGrid.Layout = Layout01;
 
 export const getStaticProps: GetStaticProps = () => {
     const { blogs, count } = getAllBlogs(
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/blog/page/[page].tsx b/src/pages/blogs/blog/page/[page].tsx
index fa09286d..d36d63b2 100644
--- a/src/pages/blogs/blog/page/[page].tsx
+++ b/src/pages/blogs/blog/page/[page].tsx
@@ -50,7 +50,7 @@ export const getStaticPaths: GetStaticPaths = () => {
         .filter(Boolean);
 
     const paths = pagesToGenerate.map((page) => {
-        return { params: { page: String(page) } }; // cast page to string
+        return { params: { page: String(page) } };
     });
     return {
         paths,
@@ -67,7 +67,7 @@ export const getStaticProps: GetStaticProps<TProps, Params> = ({ params }) => {
     const currentPage = !page || Number.isNaN(+page) ? 1 : +page;
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { blogs, count } = getAllBlogs(
-        ["title", "slug", "image", "category", "postedAt", "views"],
+        ["title", "slug", "image", "category", "postedAt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/category/[category]/index.tsx b/src/pages/blogs/category/[category]/index.tsx
index de98d10f..0b6e0e16 100644
--- a/src/pages/blogs/category/[category]/index.tsx
+++ b/src/pages/blogs/category/[category]/index.tsx
@@ -80,7 +80,7 @@ type Params = {
 export const getStaticProps = ({ params }: Params) => {
     const { posts, count } = getPostsByCategory(
         params.category,
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/category/[category]/page/[page].tsx b/src/pages/blogs/category/[category]/page/[page].tsx
index 87b8b5d1..18be8a2b 100644
--- a/src/pages/blogs/category/[category]/page/[page].tsx
+++ b/src/pages/blogs/category/[category]/page/[page].tsx
@@ -104,7 +104,7 @@ export const getStaticProps = ({ params }: Params) => {
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { posts, count } = getPostsByCategory(
         params.category,
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/search.tsx b/src/pages/blogs/search.tsx
index 184932b4..fa7ef0ea 100644
--- a/src/pages/blogs/search.tsx
+++ b/src/pages/blogs/search.tsx
@@ -69,7 +69,7 @@ const BlogSearch: PageProps = ({ data }) => {
 BlogSearch.Layout = Layout01;
 
 export const getStaticProps: GetStaticProps = () => {
-    const { blogs } = getAllBlogs(["title", "image", "category", "postedAt", "views", "content"]);
+    const { blogs } = getAllBlogs(["title", "image", "category", "postedAt", "content"]);
 
     return {
         props: {
diff --git a/src/pages/blogs/tag/[tag]/index.tsx b/src/pages/blogs/tag/[tag]/index.tsx
index 52fa6c2f..6212c07f 100644
--- a/src/pages/blogs/tag/[tag]/index.tsx
+++ b/src/pages/blogs/tag/[tag]/index.tsx
@@ -80,7 +80,7 @@ type Params = {
 export const getStaticProps = ({ params }: Params) => {
     const { posts, count } = getPostsByTag(
         params.tag,
-        ["title", "image", "tags", "postedAt", "views"],
+        ["title", "image", "tags", "postedAt"],
         0,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/blogs/tag/[tag]/page/[page].tsx b/src/pages/blogs/tag/[tag]/page/[page].tsx
index 28a5e7d2..0773061f 100644
--- a/src/pages/blogs/tag/[tag]/page/[page].tsx
+++ b/src/pages/blogs/tag/[tag]/page/[page].tsx
@@ -103,7 +103,7 @@ export const getStaticProps = ({ params }: Params) => {
     const skip = (currentPage - 1) * POSTS_PER_PAGE;
     const { posts, count } = getPostsByTag(
         params.tag,
-        ["title", "image", "category", "postedAt", "views"],
+        ["title", "image", "category", "postedAt"],
         skip,
         POSTS_PER_PAGE
     );
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 58a5f39e..d9d66bd0 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -24,7 +24,7 @@ import { getallEvents } from "../lib/event";
 
 interface PageContent {
     section: string;
-    [key: string]: unknown; // Add index signature
+    [key: string]: unknown;
 }
 
 interface PageData {
@@ -78,7 +78,7 @@ export const getStaticProps: GetStaticProps = () => {
     const page = getPageData("home", "index");
     const courses = getallCourses(["title", "thumbnail"], 0, 6);
     const events = getallEvents(["title", "thumbnail", "start_date", "location"], 0, 6);
-    const { blogs } = getAllBlogs(["title", "image", "category", "postedAt", "views"], 0, 3);
+    const { blogs } = getAllBlogs(["title", "image", "category", "postedAt"], 0, 3);
     return {
         props: {
             data: {