WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Fix blog data

Browse Source
This commit is contained in:
dev-chiefworks
2022-01-17 21:49:07 -05:00
parent 6f589758fc
commit fadc39f922
3 changed files with 35 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env
+1
View File
@@ -0,0 +1 @@
ESLINT_NO_DEV_ERRORS=true
public/images/share-my-content.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

src/components/News/Blogs.js
+34 -53
View File
@@ -1,72 +1,53 @@
import React from 'react';
import blogImg1 from '../../assets/images/blog/1.jpg';
import blogImg2 from '../../assets/images/blog/2.jpg';
import blogImg3 from '../../assets/images/blog/3.jpg';
import blogImg4 from '../../assets/images/blog/4.jpg';
import blogImg5 from '../../assets/images/blog/5.jpg';
import blogImg6 from '../../assets/images/blog/6.jpg';
import blogImg7 from '../../assets/images/blog/7.jpg';
import blogImg8 from '../../assets/images/blog/8.jpg';
import UseCaseData from './../../Services/UseCaseData';
import BlogData from '../../Services/BlogData';
function Blogs() {
const UseCaseDataResult = UseCaseData();
const BlogDataResult = BlogData();
return (
<>
<div className="row">
{
UseCaseDataResult.map(i=>{
var blgImg = i.meta_value!=null?"https://blog.wrenchboard.com/wp-content/uploads/"+ i.meta_value : blogOne;
return ( <div 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>{i.post_date}</li>
</ul>
</div>
<h3 className="title">
<a href={i.guid}>
{
BlogDataResult.map(i => {
var blgImg = i.meta_value != null ? "https://blog.wrenchboard.com/wp-content/uploads/" + i.meta_value : blogOne;
return (<div 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>{i.post_date}</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> );
</a>
</h3>
<a href={i.guid}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>);
})
}
})
}
</div>
<div className="row">
<div className="col-lg-12">
<div className="bisylms-pagination">
<span className="current">01</span>
<a href="#">02</a>
<a className="next" href="#">
next<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</>
);
}