From b28d02b2f5caf0508ae04b7afc316f6438b978ed Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 24 Sep 2024 13:54:47 +0100
Subject: [PATCH] blog image fixed

---
 src/components/Blogs/index.jsx                        | 8 +++++++-
 src/components/OffersInterest/OffersInterestTable.jsx | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Blogs/index.jsx b/src/components/Blogs/index.jsx
index a9e68bb..e76fac9 100644
--- a/src/components/Blogs/index.jsx
+++ b/src/components/Blogs/index.jsx
@@ -26,6 +26,8 @@ export default function BlogItem(props) {
     const queryParams = new URLSearchParams(location?.search);
     const blog_id = queryParams.get("blog_id");
     
+    // console.log('MUMU', 'meta_value', blogdata, blogdata.data.image_url)
+
     useEffect(()=>{
         if(!blog_id){
             return navigate('/',{replace:true})
@@ -87,7 +89,11 @@ export default function BlogItem(props) {
                                 <div className="slider-btns flex space-x-4">
                                 </div>
                             </div> */}
-                            <div dangerouslySetInnerHTML={{__html: blogdata.data?.blogdata?.[0]?.post_content}}>
+                            {/* console.log('MUMU', 'meta_value', blogdata, blogdata.data.image_url) */}
+                            <div className='w-full mb-8'>
+                                <img src={`${blogdata.data.image_url}/${blogdata.data?.blogdata?.[0]?.meta_value}`} className='w-full h-auto' alt='Blog Image' />
+                            </div>
+                            <div dangerouslySetInnerHTML={{__html: blogdata.data?.blogdata?.[0]?.post_content}} className='prose leading-relaxed'>
                             </div>
                     </div>
                     :
diff --git a/src/components/OffersInterest/OffersInterestTable.jsx b/src/components/OffersInterest/OffersInterestTable.jsx
index b87342a..2993296 100644
--- a/src/components/OffersInterest/OffersInterestTable.jsx
+++ b/src/components/OffersInterest/OffersInterestTable.jsx
@@ -126,8 +126,8 @@ export default function OffersInterestTable({offerInterestList, className}) {
                     )
                     :
                     (
-                        <div className="font-bold text-center text-xl md:text-2xl lg:text-4xl text-dark-gray md:flex items-center justify-between">
-                            <p className="mb-4 p-3">No list avaliable.</p>
+                        <div className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                            <p className="p-2">No list avaliable.</p>
                         </div>
                     )
             }