Fix blurred placeholder image issue and upgrade dependencies

gatsbyjs · May 5, 2022 · 52e33d9 · 52e33d9
1 parent 725f18e
commit 52e33d9
Show file tree

Hide file tree

Showing 3 changed files with 5,060 additions and 6,082 deletions.
diff --git a/src/components/ProductListing/ProductListing.js b/src/components/ProductListing/ProductListing.js
@@ -45,7 +45,7 @@ const ProductListing = () => (
               featuredImage {
                 id
                 altText
-                gatsbyImageData(width: 910, height: 910, placeholder: "blurred")
+                gatsbyImageData(width: 910, height: 910, placeholder: BLURRED)
               }
             }
           }

diff --git a/src/templates/ProductPageTemplate.js b/src/templates/ProductPageTemplate.js
@@ -98,7 +98,7 @@ export const query = graphql`
       images {
         id
         altText
-        gatsbyImageData(width: 910, height: 910, placeholder: "blurred")
+        gatsbyImageData(width: 910, height: 910, placeholder: BLURRED)
       }
     }
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,7 +45,7 @@ const ProductListing = () => ( @@
                   featuredImage {
                     id
                     altText
-                    gatsbyImageData(width: 910, height: 910, placeholder: "blurred")
+                    gatsbyImageData(width: 910, height: 910, placeholder: BLURRED)
                   }
                 }
               }
@@ Expand Down @@