categorized post endpoint updated

Author: zonayedpca

gatsby-node.js

@@ -24,25 +24,25 @@ exports.createPages = ({ actions }) => {
   return new Promise(async (resolve, reject) => {
     try {
       const { data: basic } = await axios(
-        `http://with.zonayed.me/api/${BASIC}/index.json`
+        `https://with.zonayed.me/api/${BASIC}/index.json`
       )
       const { data: advance } = await axios(
-        `http://with.zonayed.me/api/${ADVANCE}/index.json`
+        `https://with.zonayed.me/api/${ADVANCE}/index.json`
       )
       const { data: es6 } = await axios(
-        `http://with.zonayed.me/api/${ES6}/index.json`
+        `https://with.zonayed.me/api/${ES6}/index.json`
       )
       const { data: dom } = await axios(
-        `http://with.zonayed.me/api/${DOM}/index.json`
+        `https://with.zonayed.me/api/${DOM}/index.json`
       )
       const { data: daily } = await axios(
-        `http://with.zonayed.me/api/${DAILY}/index.json`
+        `https://with.zonayed.me/api/${DAILY}/index.json`
       )
       const { data: algods } = await axios(
-        `http://with.zonayed.me/api/${ALGODS}/index.json`
+        `https://with.zonayed.me/api/${ALGODS}/index.json`
       )
       const { data: soft } = await axios(
-        `http://with.zonayed.me/api/${SOFT}/index.json`
+        `https://with.zonayed.me/api/${SOFT}/index.json`
       )
       const data = {
         basic,
@@ -53,7 +53,6 @@ exports.createPages = ({ actions }) => {
         algods,
         soft,
       }
-      console.log(data)
       const dataTitle = {
         basic: basic.map(item => ({
           id: item.contentDir,
@@ -101,22 +100,26 @@ exports.createPages = ({ actions }) => {
         component: homePageTemplate,
       })
       Object.keys(res.dataTitle).map(topic => {
+        console.log(topic)
         createPage({
           path: `/${topic}`,
           context: {
             data: res.dataTitle[topic],
           },
           component: topicPageTemplate,
         })
-        res.dataTitle[topic].map(async item => {
-          createPage({
-            path: `/${topic}/${item.id}`,
-            context: {
-              id: item.contentDir,
-            },
-            component: postPageTemplate,
-          })
-        })
+        // res.data[topic].map((item, index) => {
+        //   const post = `post-${index}`
+        //   createPage({
+        //     path: `/${topic}/${post}`,
+        //     context: {
+        //       id: index,
+        //       data: item,
+        //       allData: data,
+        //     },
+        //     component: postPageTemplate,
+        //   })
+        // })
       })
     })
     .catch(err => {

src/components/card.js

@@ -11,7 +11,7 @@ import './card.css'
 const Card = ({ id, title, action, topic }) => {
   return (
     <li className={`card ${action ? action : ''}`}>
-      <Link to={`/${topic}/${id}`}>
+      <Link to={`/${topic}/post-${id}`}>
         <h4 dangerouslySetInnerHTML={{ __html: sliceCat(title) }} />
       </Link>
       {action && (

src/components/category.js

@@ -6,7 +6,7 @@ import Card from './card'
 
 import './category.css'
 
-const Category = ({ topic, data }) => {
+const Category = ({ id, topic, data }) => {
   return (
     <div key={topic} className="topic">
       <div className="title">
@@ -21,7 +21,7 @@ const Category = ({ topic, data }) => {
       </div>
       <ul>
         {data.map(({ id, title }, index) => (
-          <Card key={id} id={id} title={title} index={index} topic={topic} />
+          <Card key={id} id={index} title={title} index={index} topic={topic} />
         ))}
       </ul>
     </div>

src/components/post.js

@@ -26,7 +26,7 @@ const Post = ({ allData, path, title, content }) => {
                 <Link
                   to={`/${prevPost.category}/${prevPost.id}`}
                   dangerouslySetInnerHTML={{
-                    __html: sliceCat(prevPost.title.rendered),
+                    __html: sliceCat(prevPost.title),
                   }}
                 />
               </p>
@@ -39,7 +39,7 @@ const Post = ({ allData, path, title, content }) => {
                 <Link
                   to={`/${nextPost.category}/${nextPost.id}`}
                   dangerouslySetInnerHTML={{
-                    __html: sliceCat(nextPost.title.rendered),
+                    __html: sliceCat(nextPost.title),
                   }}
                 />
               </p>

src/templates/PostPage.js

@@ -8,30 +8,32 @@ import { handleLastRead, logInstruction } from '../utils'
 
 import './postpage.css'
 
-const PostPage = ({ path, pageContext: { data, allData } }) => {
+const PostPage = ({ path, pageContext: { id, data, allData } }) => {
+  window.log = allData
   useEffect(() => {
     logInstruction()
     handleLastRead({
-      id: data.id,
-      title: data.title.rendered,
+      id,
+      title: data.title,
       topic: path.split('/')[1],
     })
   })
   return (
     <Layout>
-      <SEO
-        title={data.title.rendered}
-        description={String(data.excerpt.rendered).replace(/<[^>]*>/g, '')}
+      <p>PostPage</p>
+      {/* <SEO
+        title={data.title}
+        description={'একটা শর্টে লেখার অংশবিশেষ'}
       />
       <div className="post-area">
         <Post
           allData={allData}
           path={path}
-          title={data.title.rendered}
-          content={data.content.rendered}
+          title={data.title}
+          content={data.content}
         />
         <Catalog path={path} topics={allData} />
-      </div>
+      </div> */}
     </Layout>
   )
 }

src/templates/TopicPage.js

@@ -7,6 +7,7 @@ import { topicTranslation } from '../utils'
 import './topicpage.css'
 
 const TopicPage = ({ path, pageContext: { data } }) => {
+  console.log(data)
   const topic = path.replace('/', '')
   return (
     <Layout>