diff --git a/src/components/BlogItems.js b/src/components/BlogItems.js index d9c155d..51ddd83 100644 --- a/src/components/BlogItems.js +++ b/src/components/BlogItems.js @@ -1,5 +1,5 @@ import React from 'react' -import { useLocation } from 'react-router-dom' +import { useLocation, Link } from 'react-router-dom' // import SiteService from '../svs/SiteService'; const BlogItems = ({blogData}) => { @@ -55,7 +55,7 @@ const BlogItems = ({blogData}) => {

Float News

{/* Post Link */}
- {blog.post_title.substring(0,40)+' . . .'} + {blog.post_title.substring(0,40)+' . . .'}
{/* Text */}
@@ -86,7 +86,7 @@ const BlogItems = ({blogData}) => {

Float News

{/* Post Link */}
- {blog.post_title.substring(0,40)+' . . .'} + {blog.post_title.substring(0,40)+' . . .'}
{/* Text */}
diff --git a/src/pages/Blog_listing.js b/src/pages/Blog_listing.js index 1ac6e6f..97af7ab 100644 --- a/src/pages/Blog_listing.js +++ b/src/pages/Blog_listing.js @@ -1,4 +1,5 @@ import React, {Component,useState, useEffect} from 'react'; +import {Link} from 'react-router-dom' import BlogItems from '../components/BlogItems'; import SiteService from "../svs/SiteService"; @@ -35,6 +36,7 @@ class Blog_listing extends React.Component { {/* HEADER ============================================= */} + {/* BLOG POSTS LISTING ============================================= */}
@@ -75,7 +77,7 @@ class Blog_listing extends React.Component {

Float News

{/* Post Link */}
- {this.props.blogData?.featured.post_title} + {this.props.blogData?.featured.post_title}
{/* Text */} {/*

Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida a porta diff --git a/src/pages/Single_post.js b/src/pages/Single_post.js index 3396743..cb12018 100644 --- a/src/pages/Single_post.js +++ b/src/pages/Single_post.js @@ -1,249 +1,271 @@ -import React, {Component} from 'react'; +import React, {Component, useEffect, useState} from 'react'; +import { useLocation, useNavigate } from 'react-router-dom'; -class Single_post extends React.Component { - render() { - return( -

+let Single_post = ()=> { + const navigate = useNavigate() + let {state} = useLocation() + console.log(state) - {/* PRELOADER SPINNER - ============================================= */} -
-
- -
-
- {/* PAGE CONTENT - ============================================= */} -
- - {/* SINGLE POST - ============================================= */} -
-
- {/* SINGLE POST CONTENT */} -
-
-
- {/* SINGLE POST TITLE */} -
- {/* CATEGORY */} -

Float News

- {/* TITLE */} -

Aliquam augue Float, luctus neque purus an ipsum and neque dolor libero

- {/* POST DATA */} -
- {/* Author Avatar */} -
- author-avatar -
- {/* Author Data */} -
- Gordon Wright Follow - April 05 - 12 min read -
-
{/* END POST DATA */} -
{/* END SINGLE POST TITLE */} - {/* BLOG POST TEXT */} -
- {/* Text */} -

Mauris donec ociis et magnis sapien etiam sapien sem sagittis congue tempor gravida donec - and ipsum aporta justo integer at odio velna. Maecenas gravida porttitor nunc vehicula magna luctus tempor. Quisque vel laoreet turpis. An augue viverra a augue eget, dictum tempor pulvinar donec ociis et magnis - sapien imperdiet dui varius placerat imperdiet ipsum varius viverra augue egestas luctus donec purus and - blandit impedit ligula risus. Mauris donec -

-
{/* END BLOG POST TEXT */} - {/* BLOG POST INNER IMAGE */} -
- blog-post-image -
- {/* BLOG POST TEXT */} -
- {/* Text */} -

Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo. Velna vitae auctor - massa congue magna nihil impedit ligula risus. Mauris donec ociis and magnis sapien etiam sapien sagittis - congue tempor a gravida donec enim ipsum porta justo integer undo odio velna. Maecenas gravida porttitor nunc, quis vehicula magna at luctus tempor. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum - tempor diam. Sed pulvinar consectetur nibh, vel imperdiet dui varius viverra. Pellentesque ac massa lorem - fusce eu tempor gravida porttitor cursus fusce -

- {/* List */} -
    -

  1. Donec dolor suscipit magna vehicula impedit ligula risus. Mauris donec ociis magnis - sapien etiam and sapien sem sagittis congue tempor gravida porttitor nunc, quis vehicula magna -

    2. -

  2. Placerat imperdiet dui varius consectetur nibh, vel imperdiet dui varius viverra donec - ociis magnis -

    3. -

  3. Cubilia laoreet augue egestas cursus magna nihil impedit ligula risus. Mauris donec et magnis sapien etiam sapien rutrum tempor mullam blandit tempor sapien and gravida -

    4. -

  4. Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque laoreet turpis - urna augue, viverra a augue eget, dictum tempor diam. Sed pulvinar consectetur and placerat donec -

    5. -
- {/* Small Title */} -
Praesent aliquet tempus
- (tempor gravida ipsum as an example) -
- {/* List */} -
    -
  • -

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida - ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius -

    -
    • -
  • -

    Fringilla risus nec, luctus mauris orci auctor euismod purus pretium purus pretium - ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo -

    -
    • -
  • -

    Quaerat sodales sapien undo euismod purus blandit velna vitae auctor a congue magna - tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget, dictum tempor diam - pulvinar consectetur purus efficitur ipsum primis in cubilia laoreet augue donec -

    -
    • -
- {/* Text */} -

Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum vitae purus - efficitur ipsum primis in cubilia laoreet augue egestas luctus donec diam. Curabitur dapibus libero. Mauris - donec ociis a neque. Phasellus blandit tristique justo and aliquam vitae molestie nunc sapien justo, aliquet - non molestie augue, venenatis nec purus aliquam eget lacinia elit tincidunt -

- {/* BLOG POST INNER IMAGES */} -
-
- {/* Inner Image #1 */} -
- {/* Image */} - blog-post-image - {/* Text */} -

Maecenas gravida porttitor nunc magna

-
- {/* Inner Image #2 */} -
- {/* Image */} - blog-post-image - {/* Text */} -

Gravida porttitor nunc, quis vehicula tempor

-
-
-
{/* END INNER IMAGES */} - {/* Text */} -

Nulla tincidunt volutpat tincidunt. Pellentesque habitant morbi tristique senectus and netus - laoreet malesuada famesa augue suscipit, luctus at neque purus neque dolor primis. Nemo sodales ipsam egestas volute turpis a dolores aliquam quaerat sodales sapien congue augue eget gravida laoreet turpis urna augue, viverra a augue eget, dictum dictum tempor diam pulvinar consectetur -

- {/* List */} -
    -
  • -

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida - ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius -

    -
    • -
  • -

    Fringilla risus nec, luctus mauris orci auctor euismod purus pretium at purus pretium - ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo -

    -
    • -
+ let [pageLoading, setPageloading] = useState(true) - {/* Small Title */} -
Vitae massa placerat vulputate
- {/* Text */} -

Nullam non scelerisque lectus. In at mauris vel nisl convallis porta at vitae dui. Nam lacus - vulputate ligula molestie bibendum quis, aliquet elementum massa. Vestibulum ut sagittis purus massa lorem. - Fusce eu cursus est. Fusce non nulla vitae massa placerat vulputate purus. Aliqum mullam a blandit tempor - posuere ligula varius congue cursus congue magna impedit ligula -

- {/* Text */} -

Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta - justo. Velna vitae and auctor congue magna impedit ligula risus. Mauris donec ociis magnis sapien etiam - sapien sagittis congue posuere ligula varius congue cursus tempor gravida donec integer -

- {/* Small Title */} -
Cursus non nulla vitae massa
- {/* List */} -
    -
  • -

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Gravida ultrices - felis faucibus aliquet undo tempus, blandit posuere ligula varius congue cursus nulla vitae massa placerat vulputate tempor sapien gravida -

    -
    • -
  • -

    Aliquam varius neque commodo purus tempor sapien gravida vulputate pharetra bibendum - in ante ornare -

    -
    • -
  • -

    Morbi dui lectus, lobortis felis nec, suscipit imperdiet sapien semper ultrices. Nulla - tincidunt volutpat and tincidunt. Habitant morbi tristique senectus et netus malesuada famesa augue - suscipit, luctus neque purus ipsum -

    -
    • -
- {/* Text */} -

Curabitur ac dapibus libero quisque eu tristique neque sellus blandit tristique justo ut aliquam. - Aliquam vitae at molestie nunc sapien justo, aliquet non molestie sed, venenatis nec purus. Aliquam eget lacinia - tincidunt massa justo. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum tempor diam. Sed - pulvinar consectetur nibh, vel imperdiet varius viverra. Pellentesque ac massa lorem. Fusce eu cursus est. - Fusce non nulla vitae massa placerat bulum tincidunt tincidunt massa, et porttitor justo viverra a augue eget -

-
{/* END BLOG POST TEXT */} - {/* SINGLE POST SHARE LINKS */} -
- {/* POST TAGS */} -
- -
- {/* POST SHARE ICONS */} -
-
    -
    • -
    • -
    • -
-
-
{/* END SINGLE POST SHARE */} - {/* OTHER POSTS - ============================================= */} -
-
- {/* Previous Post */} - - {/* All Posts */} -
-
- -
-
- {/* Next Post */} - -
{/* End row */} -
{/* END OTHER POSTS */} -
-
-
{/* END SINGLE POST CONTENT */} -
{/* End container */} - {/* GEOMETRIC OVERLAY */} -
-
{/* END SINGLE POST */} - - -
{/* END PAGE CONTENT */} - - - -
- ) + useEffect(()=>{ + if(state == null) { + navigate('/', {replace: true}) } + let pageLoadingTimeout = setTimeout(()=>{ + setPageloading(false) + },3000) + return ()=>{ + clearInterval(pageLoadingTimeout) + } + }, []) + + return( + + pageLoading ? +
+
+
+
+
+
+ : +
+ + + {/* PRELOADER SPINNER + ============================================= */} +
+
+ +
+
+ {/* PAGE CONTENT + ============================================= */} +
+ + {/* SINGLE POST + ============================================= */} +
+
+ {/* SINGLE POST CONTENT */} +
+
+
+ {/* SINGLE POST TITLE */} +
+ {/* CATEGORY */} +

Float News

+ {/* TITLE */} +

{state.blog.post_title}

+ {/* POST DATA */} +
+ {/* Author Avatar */} +
+ author-avatar +
+ {/* Author Data */} +
+ Gordon Wright Follow + April 05 - 12 min read +
+
{/* END POST DATA */} +
{/* END SINGLE POST TITLE */} + {/* BLOG POST TEXT */} +
+ {/* Text */} +
+
{/* END BLOG POST TEXT */} + {/* BLOG POST INNER IMAGE */} +
+ blog-post-image +
+ {/* BLOG POST TEXT */} +
+ {/* Text */} + {/*

Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta justo. Velna vitae auctor + massa congue magna nihil impedit ligula risus. Mauris donec ociis and magnis sapien etiam sapien sagittis + congue tempor a gravida donec enim ipsum porta justo integer undo odio velna. Maecenas gravida porttitor nunc, quis vehicula magna at luctus tempor. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum + tempor diam. Sed pulvinar consectetur nibh, vel imperdiet dui varius viverra. Pellentesque ac massa lorem + fusce eu tempor gravida porttitor cursus fusce +

*/} + {/* List */} + {/*
    +

  1. Donec dolor suscipit magna vehicula impedit ligula risus. Mauris donec ociis magnis + sapien etiam and sapien sem sagittis congue tempor gravida porttitor nunc, quis vehicula magna +

    2. +

  2. Placerat imperdiet dui varius consectetur nibh, vel imperdiet dui varius viverra donec + ociis magnis +

    3. +

  3. Cubilia laoreet augue egestas cursus magna nihil impedit ligula risus. Mauris donec et magnis sapien etiam sapien rutrum tempor mullam blandit tempor sapien and gravida +

    4. +

  4. Maecenas gravida porttitor nunc, quis vehicula magna luctus tempor. Quisque laoreet turpis + urna augue, viverra a augue eget, dictum tempor diam. Sed pulvinar consectetur and placerat donec +

    5. +
*/} + {/* Small Title */} + {/*
Praesent aliquet tempus
+ (tempor gravida ipsum as an example) +
*/} + {/* List */} + {/*
    +
  • +

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida + ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius +

    +
    • +
  • +

    Fringilla risus nec, luctus mauris orci auctor euismod purus pretium purus pretium + ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo +

    +
    • +
  • +

    Quaerat sodales sapien undo euismod purus blandit velna vitae auctor a congue magna + tempor sapien eget gravida laoreet turpis urna augue, viverra a augue eget, dictum tempor diam + pulvinar consectetur purus efficitur ipsum primis in cubilia laoreet augue donec +

    +
    • +
*/} + {/* Text */} + {/*

Sagittis congue augue egestas volutpat egestas magna suscipit egestas magna ipsum vitae purus + efficitur ipsum primis in cubilia laoreet augue egestas luctus donec diam. Curabitur dapibus libero. Mauris + donec ociis a neque. Phasellus blandit tristique justo and aliquam vitae molestie nunc sapien justo, aliquet + non molestie augue, venenatis nec purus aliquam eget lacinia elit tincidunt +

*/} + {/* BLOG POST INNER IMAGES */} +
+
+ {/* Inner Image #1 */} +
+ {/* Image */} + {/* blog-post-image */} + {/* Text */} + {/*

Maecenas gravida porttitor nunc magna

*/} +
+ {/* Inner Image #2 */} +
+ {/* Image */} + {/* blog-post-image */} + {/* Text */} + {/*

Gravida porttitor nunc, quis vehicula tempor

*/} +
+
+
{/* END INNER IMAGES */} + {/* Text */} + {/*

Nulla tincidunt volutpat tincidunt. Pellentesque habitant morbi tristique senectus and netus + laoreet malesuada famesa augue suscipit, luctus at neque purus neque dolor primis. Nemo sodales ipsam egestas volute turpis a dolores aliquam quaerat sodales sapien congue augue eget gravida laoreet turpis urna augue, viverra a augue eget, dictum dictum tempor diam pulvinar consectetur +

*/} + {/* List */} + {/*
    +
  • +

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Nunc gravida + ultrices felis eget faucibus. Praesent aliquet tempus, blandit posuere ligula varius +

    +
    • +
  • +

    Fringilla risus nec, luctus mauris orci auctor euismod purus pretium at purus pretium + ligula rutrum tempor mullam blandit tempor sapien and gravida donec ipsum at justo +

    +
    • +
*/} + + {/* Small Title */} + {/*
Vitae massa placerat vulputate
*/} + {/* Text */} + {/*

Nullam non scelerisque lectus. In at mauris vel nisl convallis porta at vitae dui. Nam lacus + vulputate ligula molestie bibendum quis, aliquet elementum massa. Vestibulum ut sagittis purus massa lorem. + Fusce eu cursus est. Fusce non nulla vitae massa placerat vulputate purus. Aliqum mullam a blandit tempor + posuere ligula varius congue cursus congue magna impedit ligula +

*/} + {/* Text */} + {/*

Aliqum mullam blandit tempor sapien gravida donec ipsum, at porta + justo. Velna vitae and auctor congue magna impedit ligula risus. Mauris donec ociis magnis sapien etiam + sapien sagittis congue posuere ligula varius congue cursus tempor gravida donec integer +

*/} + {/* Small Title */} + {/*
Cursus non nulla vitae massa
*/} + {/* List */} + {/*
    +
  • +

    Donec dolor magna, suscipit in magna dignissim, porttitor hendrerit diam. Gravida ultrices + felis faucibus aliquet undo tempus, blandit posuere ligula varius congue cursus nulla vitae massa placerat vulputate tempor sapien gravida +

    +
    • +
  • +

    Aliquam varius neque commodo purus tempor sapien gravida vulputate pharetra bibendum + in ante ornare +

    +
    • +
  • +

    Morbi dui lectus, lobortis felis nec, suscipit imperdiet sapien semper ultrices. Nulla + tincidunt volutpat and tincidunt. Habitant morbi tristique senectus et netus malesuada famesa augue + suscipit, luctus neque purus ipsum +

    +
    • +
*/} + {/* Text */} + {/*

Curabitur ac dapibus libero quisque eu tristique neque sellus blandit tristique justo ut aliquam. + Aliquam vitae at molestie nunc sapien justo, aliquet non molestie sed, venenatis nec purus. Aliquam eget lacinia + tincidunt massa justo. Quisque vel laoreet turpis. Urna augue, viverra a augue eget, dictum tempor diam. Sed + pulvinar consectetur nibh, vel imperdiet varius viverra. Pellentesque ac massa lorem. Fusce eu cursus est. + Fusce non nulla vitae massa placerat bulum tincidunt tincidunt massa, et porttitor justo viverra a augue eget +

*/} +
+ {/* END BLOG POST TEXT */} + {/* SINGLE POST SHARE LINKS */} +
+ {/* POST TAGS */} +
+
+ {/* POST SHARE ICONS */} +
+
    +
    • +
    • +
    • +
+
+
{/* END SINGLE POST SHARE */} + {/* OTHER POSTS + ============================================= */} +
+
+ {/* Previous Post */} + + {/* All Posts */} +
+
+ +
+
+ {/* Next Post */} + +
{/* End row */} +
{/* END OTHER POSTS */} +
+
+
{/* END SINGLE POST CONTENT */} +
{/* End container */} + {/* GEOMETRIC OVERLAY */} +
+
{/* END SINGLE POST */} + + +
{/* END PAGE CONTENT */} + +
+ ) + } export default Single_post \ No newline at end of file