Merge pull request #10 from ameen4455/admin_page

fix author page

Author: ameen4455

gatsby-node.js

@@ -108,7 +108,7 @@ exports.createPages = async ({ graphql, actions }) => {
 
     // This part here defines, that our author pages will use
     // a `/author/:slug/` permalink.
-    const url = `/author/${node.slug}`;
+    const url = `author/${node.slug}`;
 
     const items = Array.from({ length: totalPosts });
 
@@ -118,9 +118,9 @@ exports.createPages = async ({ graphql, actions }) => {
       items: items,
       itemsPerPage: postsPerPage,
       component: authorTemplate,
-      pathPrefix: ({ pageNumber }) =>
-        pageNumber === 0 ? url : `${url}/page`,
+      pathPrefix: url,
       context: {
+        pathPrefix: url,
         slug: node.slug,
       },
     });

src/components/common/Pagination.js

@@ -9,13 +9,13 @@ const Pagination = ({ pageContext }) => {
   const { previousPagePath, nextPagePath, pageNumber, numberOfPages, pathPrefix } =
     pageContext;
 
-  console.log(pageContext)
-
   function handlePageClick(e) {
-    if (e.selected == 0) {
-      navigate(`/${pathPrefix}`)
-    } else {
-      navigate(`/${pathPrefix}/${e.selected + 1}`)
+    if (e.selected !== pageNumber ){
+      if (e.selected == 0) {
+        navigate(`/${pathPrefix}`)
+      } else {
+        navigate(`/${pathPrefix}/${e.selected + 1}`)
+      }
     }
   }
 

src/components/common/PostCardBlog.js

@@ -23,16 +23,12 @@ const PostCardBlog = ({ post, number }) => {
         <div className=" md:w-2/3">
           <header className="post-card-header mt-4">
             <div className="line-clamp-1 overflow-clip">
-              {post.tags.map((tag, index) => (
-                <span
-                  key={index}
-                  className={`bg-slate-100 ${
-                    index > 0 ? "hidden md:inline" : ""
-                  } capitalize text-slate-500 mr-2 py-1 px-2 rounded-lg text-sm`}
-                >
-                  {tag.name}
-                </span>
-              ))}
+              <Link
+                to={`/tag/${post.primary_tag?.slug}`}
+                className={`bg-slate-100 capitalize hover:underline text-slate-500 mr-2 py-1 px-2 rounded-lg text-sm`}
+              >
+                {post.primary_tag?.name}
+              </Link>
             </div>
             {post.featured && <span>Featured</span>}
             <h2 className="text-lg mt-2 md:text-xl mb-1 text-heading-black font-bold hover:underline">
@@ -44,9 +40,9 @@ const PostCardBlog = ({ post, number }) => {
           </section>
           <div>
           {post.authors.map((author, index) => 
-            <span className=" text-sm font-semibold text-neutral-600 hover:underline">
+            <Link to={`/author/${author.slug}`} key={index} className=" text-sm font-semibold text-neutral-600 hover:underline">
               {author.name} { index !== post.authors.length - 1 && "& "}
-            </span>
+            </Link>
           )}
           </div>
           <footer className="flex text-sm font-light">

src/templates/author.js

@@ -14,12 +14,12 @@ import { MetaData } from "../components/common/meta";
 const Author = ({ data, location, pageContext }) => {
   const author = data.ghostAuthor;
   const posts = data.allGhostPost.edges;
-  const twitterUrl = author.twitter
-    ? `https://twitter.com/${author.twitter.replace(/^@/, ``)}`
-    : null;
-  const facebookUrl = author.facebook
-    ? `https://www.facebook.com/${author.facebook.replace(/^\//, ``)}`
-    : null;
+  // const twitterUrl = author.twitter
+  //   ? `https://twitter.com/${author.twitter.replace(/^@/, ``)}`
+  //   : null;
+  // const facebookUrl = author.facebook
+  //   ? `https://www.facebook.com/${author.facebook.replace(/^\//, ``)}`
+  //   : null;
 
   return (
     <>

src/templates/post.js

@@ -16,7 +16,6 @@ import { readingTime as readingTimeHelper } from "@tryghost/helpers";
  */
 const Post = ({ data, location }) => {
   const post = data.ghostPost;
-  console.log(post)
   const readingTime = readingTimeHelper(post);
 
   const addDefaultSrc = (e) => {

src/utils/siteConfig.js

@@ -5,7 +5,7 @@ module.exports = {
       ? process.env.SITE_URL || `https://internetfreedom-in.pages.dev`
       : `https://internetfreedom-in.pages.dev`, // Site domain. Do not include a trailing slash!
 
-  postsPerPage: 3, // Number of posts shown on paginated pages (changes this requires sometimes to delete the cache)
+  postsPerPage: 8, // Number of posts shown on paginated pages (changes this requires sometimes to delete the cache)
 
   siteTitleMeta: `Ghost Gatsby Starter`, // This allows an alternative site title for meta data for pages.
   siteDescriptionMeta: `A starter template to build amazing static websites with Ghost and Gatsby`, // This allows an alternative site description for meta data for pages.