Merge pull request #3 from ameen4455/paginate

Update mobile view

Author: ameen4455

gatsby-node.js

@@ -60,6 +60,7 @@ exports.createPages = async ({ graphql, actions }) => {
 
   // Load templates
   const indexTemplate = path.resolve(`./src/templates/index.js`);
+  const blogsTemplate = path.resolve(`./src/templates/blogs.js`);
   const tagsTemplate = path.resolve(`./src/templates/tag.js`);
   const authorTemplate = path.resolve(`./src/templates/author.js`);
   const pageTemplate = path.resolve(`./src/templates/page.js`);
@@ -89,27 +90,27 @@ exports.createPages = async ({ graphql, actions }) => {
   });
 
   // Create author pages
-  authors.forEach(({ node }) => {
-    const totalPosts = node.postCount !== null ? node.postCount : 0;
-
-    // This part here defines, that our author pages will use
-    // a `/author/:slug/` permalink.
-    const url = `/author/${node.slug}`;
-
-    const items = Array.from({ length: totalPosts });
-
-    // Create pagination
-    paginate({
-      createPage,
-      items: items,
-      itemsPerPage: postsPerPage,
-      component: authorTemplate,
-      pathPrefix: ({ pageNumber }) => (pageNumber === 0 ? url : `${url}/page`),
-      context: {
-        slug: node.slug,
-      },
-    });
-  });
+  // authors.forEach(({ node }) => {
+  //   const totalPosts = node.postCount !== null ? node.postCount : 0;
+
+  //   // This part here defines, that our author pages will use
+  //   // a `/author/:slug/` permalink.
+  //   const url = `/author/${node.slug}`;
+
+  //   const items = Array.from({ length: totalPosts });
+
+  //   // Create pagination
+  //   paginate({
+  //     createPage,
+  //     items: items,
+  //     itemsPerPage: postsPerPage,
+  //     component: authorTemplate,
+  //     pathPrefix: ({ pageNumber }) => (pageNumber === 0 ? url : `${url}/page`),
+  //     context: {
+  //       slug: node.slug,
+  //     },
+  //   });
+  // });
 
   // Create pages
   pages.forEach(({ node }) => {
@@ -159,6 +160,20 @@ exports.createPages = async ({ graphql, actions }) => {
       }
     },
   });
+
+  paginate({
+    createPage,
+    items: posts,
+    itemsPerPage: postsPerPage,
+    component: blogsTemplate,
+    pathPrefix: ({ pageNumber }) => {
+      if (pageNumber === 0) {
+        return `/blogs`;
+      } else {
+        return `/blogs/page`;
+      }
+    },
+  });
 };
 
 exports.onCreateWebpackConfig = ({ stage, actions }) => {
@@ -168,3 +183,4 @@ exports.onCreateWebpackConfig = ({ stage, actions }) => {
     },
   });
 };
+