api endpoint changed

Author: zonayedpca

gatsby-node.js

@@ -108,18 +108,20 @@ exports.createPages = ({ actions }) => {
           },
           component: topicPageTemplate,
         })
-        // res.data[topic].map((item, index) => {
-        //   const post = `post-${index}`
-        //   createPage({
-        //     path: `/${topic}/${post}`,
-        //     context: {
-        //       id: index,
-        //       data: item,
-        //       allData: data,
-        //     },
-        //     component: postPageTemplate,
-        //   })
-        // })
+        console.log('Hello World')
+        console.log(res.data[topic])
+        res.data[topic].map((item, index) => {
+          const post = `post-${index}`
+          createPage({
+            path: `/${topic}/${post}`,
+            context: {
+              id: index,
+              data: item,
+              allData: res.data,
+            },
+            component: postPageTemplate,
+          })
+        })
       })
     })
     .catch(err => {

src/components/category.js

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

src/components/search.js

@@ -18,7 +18,7 @@ const Search = ({ input, dataTitle }) => {
               key={item.id}
               id={item.id}
               topic={item.topic}
-              title={item.title.rendered}
+              title={item.title}
               index={index}
             />
           ))}

src/components/topic.js

@@ -18,13 +18,19 @@ const Topic = ({ category, topics, curCategory, curPost }) => {
       </h4>
       {open && (
         <ul>
-          {topics.map(({ id, title }) => (
-            <li key={id}>
-              {id === Number(curPost) && <span />}
+          {topics.map(({ title, date }, index) => (
+            <li key={String(date)}>
+              {`${category}/post-${index}` === `${curCategory}/${curPost}` && (
+                <span />
+              )}
               <Link
-                className={`${id === Number(curPost) ? `current-post` : ''}`}
-                to={`/${category}/${id}`}
-                dangerouslySetInnerHTML={{ __html: sliceCat(title.rendered) }}
+                className={`${
+                  `${category}/post-${index}` === `${curCategory}/${curPost}`
+                    ? `current-post`
+                    : ''
+                }`}
+                to={`/${category}/post-${index}`}
+                dangerouslySetInnerHTML={{ __html: sliceCat(title) }}
               />
             </li>
           ))}

src/templates/PostPage.js

@@ -9,7 +9,6 @@ import { handleLastRead, logInstruction } from '../utils'
 import './postpage.css'
 
 const PostPage = ({ path, pageContext: { id, data, allData } }) => {
-  window.log = allData
   useEffect(() => {
     logInstruction()
     handleLastRead({
@@ -20,11 +19,7 @@ const PostPage = ({ path, pageContext: { id, data, allData } }) => {
   })
   return (
     <Layout>
-      <p>PostPage</p>
-      {/* <SEO
-        title={data.title}
-        description={'একটা শর্টে লেখার অংশবিশেষ'}
-      />
+      <SEO title={data.title} description={'একটা শর্টে লেখার অংশবিশেষ'} />
       <div className="post-area">
         <Post
           allData={allData}
@@ -33,7 +28,7 @@ const PostPage = ({ path, pageContext: { id, data, allData } }) => {
           content={data.content}
         />
         <Catalog path={path} topics={allData} />
-      </div> */}
+      </div>
     </Layout>
   )
 }

src/templates/TopicPage.js

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

src/utils/findPrevNextPost.js

@@ -6,29 +6,28 @@ export const findPrevNextPost = (allData, currentData) => {
     let nextPost = null
 
     for (let i = 0; i < allData[category].length; i++) {
-      if (allData[category][i].id === Number(id)) {
-        if (allData[category][0].id === Number(id)) {
+      if (`post-${i}` === id) {
+        if (`post-${0}` === id) {
           prevPost = null
         } else {
           prevPost = {
-            id: allData[category][i - 1].id,
+            id: `post-${i - 1}`,
             title: allData[category][i - 1].title,
             category: category,
           }
         }
-        if (allData[category][allData[category].length - 1].id === Number(id)) {
+        if (`post-${allData[category].length - 1}` === id) {
           nextPost = null
         } else {
           nextPost = allData[category][i + 1] && {
-            id: allData[category][i + 1].id,
+            id: `post-${i + 1}`,
             title: allData[category][i + 1].title,
             category: category,
           }
         }
         break
       }
     }
-
     return [prevPost, nextPost]
   } else {
     return [null, null]

src/utils/searchMatch.js

@@ -1,16 +1,16 @@
 export const searchMatch = (allData, term) => {
   return Object.keys(allData)
     .map(key =>
-      allData[key].map(item => {
+      allData[key].map((item, index) => {
         if (
-          String(item.title.rendered)
+          String(item.title)
             .toLowerCase()
             .includes(term)
         ) {
           return {
             title: item.title,
             topic: key,
-            id: item.id,
+            id: index,
           }
         }
         return 0