From 4ac799f8c9f5ae11e984ea61a829e22c455ff419 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 24 Jul 2023 20:06:25 +0100
Subject: [PATCH] links to blog page added

---
 src/components/Blogs/index.jsx                | 15 ++++++++++++---
 src/components/Cards/HomeBannerOffersCard.jsx |  3 ++-
 src/components/Cards/ResourceBlogCard.jsx     | 13 +++++++------
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/Blogs/index.jsx b/src/components/Blogs/index.jsx
index d5c952b..0876ce8 100644
--- a/src/components/Blogs/index.jsx
+++ b/src/components/Blogs/index.jsx
@@ -36,7 +36,16 @@ export default function BlogItem(props) {
                 commonHeadData={props.commonHeadData}
             />
             <div className="notification-page w-full mb-10">
-                <div className="notification-wrapper w-full bg-white p-8">
+                <div className="mb-5">
+                    <h1 className="text-26 font-bold text-dark-gray dark:text-white">
+                        <span
+                            className={`${selectTab === "today" ? "block" : "hidden"}`}
+                        >
+                        {blogdata.data?.blogdata?.[0]?.post_title}
+                        </span>
+                    </h1>
+                </div>
+                <div className="notification-wrapper w-full bg-white p-8 rounded-2xl">
                     {blogdata.loading ? 
                         <LoadingSpinner size='8' color='sky-blue' height='h-[100px]' />
                     :
@@ -44,7 +53,7 @@ export default function BlogItem(props) {
                         <div className="w-full">
                             {/* heading */}
                             <div className="sm:flex justify-between items-center mb-6">
-                                <div className="mb-5 sm:mb-0">
+                                {/* <div className="mb-5">
                                     <h1 className="text-26 font-bold text-dark-gray dark:text-white">
                                         <span
                                             className={`${selectTab === "today" ? "block" : "hidden"}`}
@@ -52,7 +61,7 @@ export default function BlogItem(props) {
                                         {blogdata.data?.blogdata?.[0]?.post_title}
                                         </span>
                                     </h1>
-                                </div>
+                                </div> */}
                                 {/* <div className="slider-btns flex space-x-4">
                                 </div> */}
                             </div>
diff --git a/src/components/Cards/HomeBannerOffersCard.jsx b/src/components/Cards/HomeBannerOffersCard.jsx
index 72f4a58..1532d2a 100644
--- a/src/components/Cards/HomeBannerOffersCard.jsx
+++ b/src/components/Cards/HomeBannerOffersCard.jsx
@@ -16,7 +16,8 @@ export default function HomeBannerOffersCard(props) {
 
   return (
     <Link
-      to={link_result}
+      // to={link_result}
+      to={link_result == '/blog-page' ? `${link_result}?blog_id=${props.itemData.blog_id}` : `${link_result}`}
       className="item p-2 w-full flex items-center min-h-[340px] bg-alice-blue bg-cover bg-center"
       style={{
         backgroundImage: `url('${imageUrl}')`,
diff --git a/src/components/Cards/ResourceBlogCard.jsx b/src/components/Cards/ResourceBlogCard.jsx
index 666b5ef..d74dbf5 100644
--- a/src/components/Cards/ResourceBlogCard.jsx
+++ b/src/components/Cards/ResourceBlogCard.jsx
@@ -50,22 +50,23 @@ export default function ProductCardStyleTwo({
         </div>
         <div className="details-area">
           {/* title */}
-          <a href={datas.guid} target="_blank" className="mb-2.5" rel="noreferrer">
+          <Link to={`/blog-page?blog_id=${datas.ID}`} className="mb-2.5" rel="noreferrer">
             <h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
               {datas.post_title || "dummy title..."}
             </h1>
-          </a>
+          </Link>
           <div className="flex justify-between">
             <div className="flex items-center space-x-2"></div>
             <div className="my-1">
-              <a
-                href={datas.guid}
-                target="_blank"
+              <Link
+                // href={datas.guid}
+                // target="_blank"
+                to={`/blog-page?blog_id=${datas.ID}`}
                 className="px-4 py-2.5 text-white text-sm bg-pink rounded-full tracking-wide"
                 rel="noreferrer"
               >
                 View
-              </a>
+              </Link>
             </div>
           </div>
         </div>