diff --git a/components/queryclientProvider/QueryClientContext.js b/components/queryclientProvider/QueryClientContext.js index 76b3121..93b47a5 100644 --- a/components/queryclientProvider/QueryClientContext.js +++ b/components/queryclientProvider/QueryClientContext.js @@ -8,7 +8,7 @@ function QueryClientContext({children}) { refetchOnWindowFocus: false, retry: 3, // refetchOnMount: false, - staleTime: 60000, + staleTime: Infinity, }, }, }) diff --git a/pages/blogview/[id]/index.js b/pages/blogview/[id]/index.js new file mode 100644 index 0000000..16ac01e --- /dev/null +++ b/pages/blogview/[id]/index.js @@ -0,0 +1,161 @@ +import { useRouter } from "next/router" +import Layout from "../../../components/layout/Layout" +import Link from "next/link" +import { useQuery } from "@tanstack/react-query" +import queryKeys from "../../../components/queryclientProvider/queryKeys" + +export default function Home() { + + const {data, isFetching, isError, error} = useQuery({ + queryKey: queryKeys.blog, + queryFn: async () => { + try { + const blog_url = 'https://blogdata.chiefsoft.net/mermsblogdata/mermsemr'; + const res = await fetch(blog_url) + const data = await res.json() + return data + } + catch(e){ + return(e) + } + } + }) + + let {query} = useRouter() + + const blogData = data?.payload?.blogdata + const imageURL = data?.payload?.image_url + + return ( + <> + +
+ {isFetching ? +
+
+

Loading...

+
+
+ : isError ? +
+
+

{error.message}

+
+
+ : + <> +
+
+
+ {/* SINGLE POST CONTENT */} +
+ {blogData?.filter(item => item?.id == query?.id).length > 0 ? + <> + {blogData?.filter(item => item?.id == query?.id).map(blog => { + return ( +
+ {/* SINGLE POST TITLE */} +
+ {/* Post Tag */} + {/* Community */} + {/* Title */} +

{blog?.post_title}

+ {/* Post Meta */} +
+
    +

  • MERMS

    • +

    • +

  • {new Date(blog?.post_date).toDateString()}

    • +
+
+
{/* END SINGLE POST TITLE */} + {/* SINGLE POST IMAGE */} +
+ blog-post-image +
+ {/* SINGLE POST TEXT */} +

+ {/* END SINGLE POST TEXT */} + +

+ ) + })} + + : +
+

Error! Blog not found.

+
+ } +
{/* END SINGLE POST CONTENT */} +
{/* End row */} +
{/* End container */} +
{/* END SINGLE POST */} + {/* BLOG-1 + ============================================= */} +
+
+ {/* SECTION TITLE */} +
+
+
+

Recent Postings

+
+
+
+
+ {/* BLOG POST #1 */} + {blogData?.filter(item => item.id != query?.id).map((item, index)=>{ + if(index < 3){ + return ( +
+
+ {/* BLOG POST IMAGE */} +
+ blog-post-image +
+ {/* BLOG POST TEXT */} +
+ {/* Post Tag */} + {/* Product News */} + {/* Post Link */} +
+ {/* {item.post_title} */} + + {item.post_title} + +
+ {/* Text */} +

250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} /> + {/* Post Meta */} +

+
    +

  • Merms

    • +

    • +

  • {new Date(item.post_date).toDateString()}

    • +
+
+
{/* END BLOG POST TEXT */} +
+
+ ) + } + })} + {/* END BLOG POST #1 */} +
{/* End row */} +
{/* End container */} +
+ + } +
+ + + + ) +} \ No newline at end of file diff --git a/pages/merms-blog.js b/pages/merms-blog.js index a14d664..c2296c2 100644 --- a/pages/merms-blog.js +++ b/pages/merms-blog.js @@ -22,6 +22,7 @@ export default function Home() { } } }) + return ( <> @@ -64,7 +65,8 @@ export default function Home() {

{/* {data?.payload?.blogdata[0].post_title}*/} {data?.payload?.blogdata[0].post_title} @@ -109,7 +111,8 @@ export default function Home() {

{/* {item.post_title} */} {item.post_title} diff --git a/pages/merms-blogview.js b/pages/merms-blogview_.js similarity index 100% rename from pages/merms-blogview.js rename to pages/merms-blogview_.js