Removed unwanted static query compenents

LoginRadius · May 10, 2022 · 3131c6b · 3131c6b
1 parent 92816ad
commit 3131c6b
Show file tree

Hide file tree

Showing 7 changed files with 90 additions and 237 deletions.
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -8,14 +8,22 @@ exports.createPages = async ({ graphql, actions }) => {
   const tagResults = await graphql(
     `
       {
-        allMarkdownRemark {
+        allMarkdownRemark(sort: { fields: frontmatter___date, order: DESC }) {
           totalCount
+          edges {
+            node {
+              id
+            }
+          }
         }
         tagsGroup: allMarkdownRemark(limit: 2000) {
           group(field: frontmatter___tags) {
             fieldValue
           }
         }
+        markdownRemark(frontmatter: { pinned: { eq: true } }) {
+          id
+        }
       }
     `
   )
@@ -41,8 +49,20 @@ exports.createPages = async ({ graphql, actions }) => {
       {
         allMarkdownRemark(
           filter: { fields: { slug: { regex: "//engineering//" } } }
+          sort: { fields: frontmatter___date, order: DESC }
         ) {
           totalCount
+          edges {
+            node {
+              id
+            }
+          }
+        }
+        markdownRemark(
+          frontmatter: { pinned: { eq: true } }
+          fields: { slug: { regex: "//engineering//" } }
+        ) {
+          id
         }
       }
     `
@@ -52,8 +72,20 @@ exports.createPages = async ({ graphql, actions }) => {
       {
         allMarkdownRemark(
           filter: { fields: { slug: { regex: "//identity//" } } }
+          sort: { fields: frontmatter___date, order: DESC }
         ) {
           totalCount
+          edges {
+            node {
+              id
+            }
+          }
+        }
+        markdownRemark(
+          frontmatter: { pinned: { eq: true } }
+          fields: { slug: { regex: "//identity//" } }
+        ) {
+          id
         }
       }
     `
@@ -63,8 +95,20 @@ exports.createPages = async ({ graphql, actions }) => {
       {
         allMarkdownRemark(
           filter: { fields: { slug: { regex: "//growth//" } } }
+          sort: { fields: frontmatter___date, order: DESC }
         ) {
           totalCount
+          edges {
+            node {
+              id
+            }
+          }
+        }
+        markdownRemark(
+          frontmatter: { pinned: { eq: true } }
+          fields: { slug: { regex: "//growth//" } }
+        ) {
+          id
         }
       }
     `
@@ -114,6 +158,12 @@ exports.createSchemaCustomization = ({ actions }) => {
 
 const createTypePages = (type, results, createPage) => {
   const postsPerPage = 6
+  let pinnedId = ""
+  if (results.data.markdownRemark) {
+    pinnedId = results.data.markdownRemark.id
+  } else {
+    pinnedId = results.data.allMarkdownRemark.edges[0].node.id
+  }
   const total = results.data.allMarkdownRemark.totalCount
   const numPages = Math.ceil(total / postsPerPage)
   Array.from({ length: numPages }).forEach((_, i) => {
@@ -126,6 +176,7 @@ const createTypePages = (type, results, createPage) => {
         currentPage: i + 1,
         type: `/${type}/`,
         numPages: numPages,
+        pinned: pinnedId,
       },
     })
   })

diff --git a/src/components/layout.js b/src/components/layout.js
@@ -4,10 +4,6 @@ import Footer from "./footer"
 import Header from "./header"
 import layoutStyles from "./layout.module.scss"
 import PinnedCard from "./pinnedCard"
-import AllPinned from "./pinnedNode/allPinned"
-import EngPinned from "./pinnedNode/engineeringPinned"
-import GrowthPinned from "./pinnedNode/growthPinned"
-import IdentityPinned from "./pinnedNode/identityPinned"
 
 const Layout = ({ postPage, children, pinned, pinnedData, pathname, type }) => {
   return (
@@ -40,17 +36,13 @@ const Layout = ({ postPage, children, pinned, pinnedData, pathname, type }) => {
                 pathname={pathname}
                 type={type}
               />
-              <div className={layoutStyles.pinnedwrap}>
-                <div className={layoutStyles.blogContentPinned}>
-                  {pinned ? (
-                    pinnedData.length ? (
-                      <PinnedCard node={pinnedData[0].node} />
-                    ) : (
-                      getFirstNode(type)
-                    )
-                  ) : null}
+              {pinned ? (
+                <div className={layoutStyles.pinnedwrap}>
+                  <div className={layoutStyles.blogContentPinned}>
+                    <PinnedCard node={pinnedData} />
+                  </div>
                 </div>
-              </div>
+              ) : null}
               <div className={layoutStyles.blogContent}>
                 <div className={layoutStyles.content}>{children}</div>
               </div>
@@ -67,16 +59,4 @@ const Layout = ({ postPage, children, pinned, pinnedData, pathname, type }) => {
   )
 }
 
-const getFirstNode = type => {
-  if (type === "engineering") {
-    return <EngPinned />
-  } else if (type === "growth") {
-    return <GrowthPinned />
-  } else if (type === "identity") {
-    return <IdentityPinned />
-  } else {
-    return <AllPinned />
-  }
-}
-
 export default Layout
diff --git a/src/components/pinnedNode/allPinned.js b/src/components/pinnedNode/allPinned.js
diff --git a/src/components/pinnedNode/engineeringPinned.js b/src/components/pinnedNode/engineeringPinned.js
diff --git a/src/components/pinnedNode/growthPinned.js b/src/components/pinnedNode/growthPinned.js
diff --git a/src/components/pinnedNode/identityPinned.js b/src/components/pinnedNode/identityPinned.js