FloatSystems/float-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

image and featured blog implemented

Browse Source
This commit was merged in pull request #32.
This commit is contained in:
victorAnumudu
2023-04-10 21:47:08 +01:00
parent ab1618cdab
commit 477f47ef80
6 changed files with 59 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BlogItems.js
+12 -7
View File
@@ -27,23 +27,27 @@ const BlogItems = ({blogData}) => {
return (
<div className="row">
{
blogData?.payload == undefined ? // API CALL IN PROGRESS
<div className='col-12 text-center display-4'>Loading...</div>
blogData?.blogdata == undefined ? // API CALL IN PROGRESS
// <div className='col-12 text-center display-4'>Loading...</div>
<div className="col-12 text-center">
<div className="spinner-border spinner-border-lg" role="status" style={{width: '3rem', height: '3rem'}}>
</div>
</div>
:
// API CALL FINISHED
(
blogData?.payload?.blogdata.length < 1 ?
blogData?.blogdata.length < 1 ?
<div className='col-12 text-center display-4'>No Blog Currently Found!</div>
:
blogData?.payload?.blogdata.map((blog, index) => {
blogData?.blogdata.map((blog, index) => {
if(location == '/blogs'){
return(
<div key={index} id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img rounded">
<img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
{/* <img className="img-fluid" src={blog.meta_value} alt="blog-post-image" /> */}
{/* <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" /> */}
<img className="img-fluid rounded" src={process.env.REACT_APP_IMAGE_LINK + blog.meta_value} alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
@@ -73,7 +77,8 @@ const BlogItems = ({blogData}) => {
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img rounded">
<img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
{/* <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" /> */}
<img className="img-fluid rounded" src={process.env.REACT_APP_IMAGE_LINK + blog.meta_value} alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">