From 8366d3820bd7d57f0df7e0d977f3b8f3680f1d01 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Sat, 1 Jul 2023 13:15:22 +0100
Subject: [PATCH] image url fixed

---
 src/components/HomeOne/BlogHomeOne.js |  2 +-
 src/components/News/Blogs.js          | 58 ++++++++++++++++++++-------
 2 files changed, 45 insertions(+), 15 deletions(-)

diff --git a/src/components/HomeOne/BlogHomeOne.js b/src/components/HomeOne/BlogHomeOne.js
index e3e4bd1..4c09f4d 100644
--- a/src/components/HomeOne/BlogHomeOne.js
+++ b/src/components/HomeOne/BlogHomeOne.js
@@ -17,7 +17,7 @@ function BlogHomeOne() {
                             </div>
                         </div>
                     </div>
-                    <Blogs />
+                    <Blogs pathname='/' />
                 </div>
             </section>
         </>
diff --git a/src/components/News/Blogs.js b/src/components/News/Blogs.js
index 8d98d30..21e23d6 100644
--- a/src/components/News/Blogs.js
+++ b/src/components/News/Blogs.js
@@ -2,12 +2,11 @@ import React, { useEffect, useState } from 'react';
 import blogOne from '../../assets/images/blog/1.jpg';
 import BlogData from '../../Services/BlogData';
 
-function Blogs() {
+function Blogs({pathname}) {
     const [blogs, setBlogs] = useState([])
 
     useEffect(()=>{
         BlogData().then(res => {
-            // console.log('TESTING',res)
             setBlogs(res.data)
         }).catch(err => {
             console.log('Error loading blogdata', err)
@@ -17,14 +16,14 @@ function Blogs() {
     return (
         <>
             <div className="row">
-
-
-                {
-                    blogs?.blogdata?.map(i => {
+                { pathname == '/' ? // ON HOME PAGE LIMIT TO SIX(6) BLOGS
+                    blogs?.blogdata?.map((i, index)=> {
                         var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                         var postDt  = new Date(i.post_date).toLocaleDateString("en-US", options);
-                        var blgImg = i.meta_value != null ? `${blogs.image_url}/${i.meta_value}` : blogOne;
-                        return (<div key={i.id} className="col-lg-4 col-md-6">
+                        var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
+                        if(index < 6){
+                        return (
+                        <div key={i.id} className="col-lg-4 col-md-6">
                             <div
                                 className="appie-blog-item mt-30 wow animated fadeInUp"
                                 data-wow-duration="3000ms"
@@ -49,14 +48,45 @@ function Blogs() {
                                     </a>
                                 </div>
                             </div>
-                        </div>);
-
-
+                        </div>
+                        )
+                        }
+                    })
+                    : // ON OTHER PAGES SHOW ALL BLOG
+                    blogs?.blogdata?.map((i, index)=> {
+                        var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
+                        var postDt  = new Date(i.post_date).toLocaleDateString("en-US", options);
+                        var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
+                        return (
+                        <div key={i.id} className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-blog-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="3000ms"
+                                data-wow-delay="200ms"
+                            >
+                                <div className="thumb">
+                                    <img src={blgImg} alt={i.post_title} />
+                                </div>
+                                <div className="content">
+                                    <div className="blog-meta">
+                                        <ul>
+                                            <li>{postDt}</li>
+                                        </ul>
+                                    </div>
+                                    <h3 className="title">
+                                        <a href={i.guid}>
+                                            {i.post_title}
+                                        </a>
+                                    </h3>
+                                    <a href={i.guid}>
+                                        Learn More <i className="fal fa-arrow-right" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        )
                     })
                 }
-
-
-
             </div>
 
         </>