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

blog API implementation

Browse Source
This commit is contained in:
victorAnumudu
2023-07-01 11:08:43 +01:00
parent 40cdc7f3e7
commit e599dc0d28
3 changed files with 21 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/BlogHomeOne.js
+2 -71
View File
@@ -2,41 +2,10 @@ import React, { useState } from 'react';
import blogOne from '../../assets/images/blog-1.jpg';
import blogTwo from '../../assets/images/blog-2.jpg';
import blogThree from '../../assets/images/blog-3.jpg';
import BlogData from './../../Services/BlogData';
import Blogs from '../News/Blogs';
import Axios from 'axios';
function BlogHomeOne() {
const blogResult = BlogData();
/*
const [blogResult,setBlogResult] = useState("");
var res = null;
// const getWrenchBoardBlog = () => {
Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
headers: {
'Access-Control-Allow-Origin' : '*',
'Access-Control-Allow-Credentials':true,
'crossorigin':true,
'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
},
responseType: "json",
}).then((response) => {
console.log(response);
res = response;
console.log("~~~~~~~~ ameye ~~~~~~~~~");
// setBlogResult( response !=null ? response.data.blogResult[0]["payload"]:"" );
setBlogResult( response.data );
// console.log(blogResultData);
});
*/
//debugger;
//console.log("~~~~~~~~ dorcas ~~~~~~~~~");
//console.log(blogResult);
return (
<>
<section className="appie-blog-area pt-90 pb-95">
@@ -48,45 +17,7 @@ var res = null;
</div>
</div>
</div>
<div className="row">
{
blogResult.map(i=>{
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?"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>{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>
<Blogs />
</div>
</section>
</>