fix: removed redundant queries. Fixes #158 (#159)

ajfisher · Sep 22, 2023 · 63d136c · 63d136c
1 parent 27deef0
commit 63d136c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 85 deletions.
diff --git a/site/src/components/footer.js b/site/src/components/footer.js
@@ -132,11 +132,6 @@ const Footer = ({slug}) => {
       gatsbyImageData(layout: FULL_WIDTH)
     }
   }
-  jsFoo: file(relativePath: {eq: "posts/jsfoo.jpg"}) {
-    childImageSharp {
-      gatsbyImageData(layout: FULL_WIDTH)
-    }
-  }
   podcast: file(relativePath: {eq: "posts/enterprise_ai.jpg"}) {
     childImageSharp {
       gatsbyImageData(layout: FULL_WIDTH)
@@ -145,6 +140,7 @@ const Footer = ({slug}) => {
   featuredPosts: allMarkdownRemark(
     filter: {frontmatter: {featured: {eq: true}}}
     sort: {frontmatter: {date: DESC}}
+    limit: 2
   ) {
     edges {
       node {
@@ -160,14 +156,6 @@ const Footer = ({slug}) => {
           }
           listimage_position
           excerpt
-          featureimage {
-            childImageSharp {
-              gatsbyImageData(
-                layout: FULL_WIDTH
-              )
-            }
-          }
-          featureimage_position
           slug
         }
       }

diff --git a/site/src/components/list.js b/site/src/components/list.js
@@ -1,4 +1,4 @@
-import { Link, useStaticQuery, graphql} from 'gatsby';
+import { Link } from 'gatsby';
 import React from 'react';
 import styled from 'styled-components';
 
@@ -66,82 +66,11 @@ ImageLink.defaultProps = {
   $position: '50% 50%'
 };
 
-
 const PostDate = styled.p`
   color: var(--lightened-grey);
   font-size: 1.5rem !important;
 `;
 
-export const getPostImages = () => {
-  // returns all of the item images
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return useStaticQuery(graphql`query postItemImageQuery {
-  postItemImages: allFile {
-    edges {
-      node {
-        relativePath
-        childImageSharp {
-          gatsbyImageData(quality: 90, layout: FULL_WIDTH)
-          base: gatsbyImageData(
-            width: 400
-            quality: 90
-            placeholder: BLURRED
-            layout: FIXED
-          )
-          small: fixed(width: 500, quality: 95) {
-            src
-          }
-          medium: fixed(width: 750, quality: 95) {
-            src
-          }
-          large: fixed(width: 1050, quality: 100) {
-            src
-          }
-          wide: fixed(width: 1600, quality: 100) {
-            src
-          }
-          duo_base: fixed(
-            width: 400
-            quality: 90
-            duotone: {highlight: "#FF5E9A", shadow: "#000000"}
-          ) {
-            src
-          }
-          duo_small: fixed(
-            width: 500
-            quality: 95
-            duotone: {highlight: "#FF5E9A", shadow: "#000000"}
-          ) {
-            src
-          }
-          duo_medium: fixed(
-            width: 750
-            quality: 95
-            duotone: {highlight: "#FF5E9A", shadow: "#000000"}
-          ) {
-            src
-          }
-          duo_large: fixed(
-            width: 1050
-            quality: 100
-            duotone: {highlight: "#FF5E9A", shadow: "#000000"}
-          ) {
-            src
-          }
-          duo_wide: fixed(
-            width: 1600
-            quality: 100
-            duotone: {highlight: "#FF5E9A", shadow: "#000000"}
-          ) {
-            src
-          }
-        }
-      }
-    }
-  }
-}`);
-};
-
 export const PostListItem = ({title, image, position, excerpt, date,
   slug, readingtime, wordcount}) => {