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

Fix general blog page

Browse Source
This commit is contained in:
dev-chiefworks
2022-01-03 22:00:25 -05:00
parent 2d73c039cf
commit ac7791b213
5 changed files with 49 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/News/Blogs.js
+43 -178
View File
@@ -8,188 +8,53 @@ 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';
function Blogs() {
const UseCaseDataResult = UseCaseData();
return (
<>
<div className="row">
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg1} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Build A Full Web Chat App From Scratch.
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg2} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Insights on How to Improve Your Teaching.
</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg3} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Brush Strokes Energize Trees In Paintings
</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg4} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="/news/single-news">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg5} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">
Logotype Masterclass with Jessica Hische
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg6} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="/news/single-news">
Build A Full Web Chat App From Scratch.
</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg7} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<div className="col-lg-4">
<div className="post-item-1">
<img src={blogImg8} alt="" />
<div className="b-post-details">
<div className="bp-meta">
<a href="#">
<i className="fal fa-clock"></i>April 22, 2020
</a>
<a href="#">
<i className="fal fa-comments"></i>6 Comments
</a>
</div>
<h3>
<a href="single-post.html">Learning Python for Data Analysis.</a>
</h3>
<a className="read-more" href="single-post.html">
Read More<i className="fal fa-arrow-right"></i>
</a>
</div>
</div>
</div>
{
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}>
{i.post_title}
</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">