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/Routes.js
+1
View File
@@ -41,6 +41,7 @@ function Routes() {
<Switch>
<Route exact path="/" component={HomeOne} />
<Route exact path="/news" component={News} />
<Route exact path="/blog" component={News} />
<Route exact path="/use-cases" component={UseCases} />
<Route exact path="/news/single-news" component={SingleNews} />
<Route exact path="/service" component={Service} />
src/components/Contact/Forms.js
+1 -1
View File
@@ -29,7 +29,7 @@ function Forms() {
<h5>Phone</h5>
<p>
<i className="fal fa-phone"></i>
(+) 404 855-7966
(+1) 404 855-7966
<br />
(+420) 336 476 328
</p>
src/components/HomeOne/FooterHomeOne.js
+2 -2
View File
@@ -61,7 +61,7 @@ function FooterHomeOne({ className }) {
<a href="/use-cases">Use Cases</a>
</li>
<li>
<Link to="/news">Blog</Link>
<Link to="/blog">Blog</Link>
</li>
<li>
<Link to="/contact">Contact</Link>
@@ -133,7 +133,7 @@ function FooterHomeOne({ className }) {
</ul>
</div>
<div className="copyright-text">
<p>Copyright © 2021 WrenchBoard. All rights reserved.</p>
<p>Copyright © 2022 WrenchBoard. All rights reserved.</p>
</div>
</div>
</div>
src/components/Navigation.js
+2 -2
View File
@@ -20,10 +20,10 @@ function Navigation() {
<Link to="/about-us">About</Link>
</li>
<li>
<Link to="/news">Blog</Link>
<Link to="/blog">Blog</Link>
</li>
<li>
<Link to="/error">FAQs</Link>
<Link to="/faq">FAQs</Link>
</li>
</ul>
</li>
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">