Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 099c0ce0a4 |
@@ -16,4 +16,3 @@ REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
|
||||
REACT_APP_FORM_TIMEOUT = 10000
|
||||
REACT_APP_MAX_MESSAGE_LENGHT =300
|
||||
REACT_APP_BLOGSITE="https://blog.mermsemr.com/"
|
||||
|
||||
|
||||
@@ -6,7 +6,6 @@ import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
const Main = ({ brdcum, bgimg }) => {
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
console.log(blogData);
|
||||
|
||||
const api = new SiteService();
|
||||
useEffect(() => {
|
||||
@@ -19,7 +18,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
|
||||
setBlogData(res.data);
|
||||
|
||||
// console.log(res.data);
|
||||
console.log(res.data);
|
||||
|
||||
|
||||
} catch (error) {
|
||||
@@ -125,7 +124,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data && data.post_content.substring(0,100)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data, allData: blogData}}>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -5,46 +5,15 @@ import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
import { useParams } from "react-router-dom";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
const { id } = useParams();
|
||||
const location = useLocation();
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
const [newAllData, setNewAllData] = useState([]);
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
getLatestBlog();
|
||||
}, [location.state?.data]);
|
||||
|
||||
const api = new SiteService();
|
||||
const data = location.state?.data;
|
||||
const allData = location.state?.allData;
|
||||
|
||||
|
||||
const getLatestBlog = () =>{
|
||||
const arrData = [ ...allData ];
|
||||
const itemIndex = arrData.findIndex(x => x.id === data.id)
|
||||
arrData.splice(itemIndex, 1);
|
||||
const newAllData = arrData.splice(0, 3);
|
||||
setNewAllData(newAllData);
|
||||
|
||||
console.log('All data ', arrData, newAllData);
|
||||
}
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await api.blogData();
|
||||
setBlogData(res.data);
|
||||
|
||||
} catch (error) {
|
||||
console.log("Error from blog data ", error);
|
||||
}
|
||||
};
|
||||
|
||||
const data = location.state?.data;
|
||||
|
||||
console.log("location", location, data);
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@@ -269,34 +238,21 @@ const Main = ({brdcum}) => {
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard dummy.</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
||||
{newAllData.map((data) => {
|
||||
|
||||
return (
|
||||
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src={data.meta_value} alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data.post_content.substring(0,300)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)})}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* <div className="col-md-4">
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story01.png" alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>Cool features added!</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
industry lorem Ipsum has.</p>
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story02.png" alt="image" />
|
||||
@@ -321,7 +277,7 @@ const Main = ({brdcum}) => {
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import React , { useState , useEffect} from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import blueapp from "../../../assets/images/appstore_blue.png"
|
||||
import blue from "../../../assets/images/googleplay_blue.png"
|
||||
import Bredcrumb from '../../Bredcrumb/Main'
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
@@ -64,7 +66,6 @@ const Main = ({brdcum}) => {
|
||||
tag="Faq"
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
|
||||
{/* <section className="row_am faq_section">
|
||||
<div className="container">
|
||||
<div className="faq_panel">
|
||||
|
||||
Vendored
+1
-1
@@ -6,7 +6,7 @@ class SiteService {
|
||||
console.log("Er are here anyway");
|
||||
}
|
||||
// Blog Data {Get}
|
||||
blogData(id) {
|
||||
blogData() {
|
||||
return this.getAuxEnd("/blogdata", null);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user