use BLURRED insted of TRACED_SVG gatsbyjs/gatsby#11867

dowdiness · Mar 3, 2021 · 82180a7 · 82180a7
1 parent a906f0b
commit 82180a7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Article/ArticleSocialAccounts.tsx b/src/components/Article/ArticleSocialAccounts.tsx
@@ -35,7 +35,7 @@ export const ArticleSocialAccounts: React.FCX<Partial<ArticleSocialAccountsProps
             alt="linktree"
             className="rounded-full"
             layout="fixed"
-            placeholder="tracedSVG"
+            placeholder="blurred"
           />
         </a>
       )}
@@ -48,7 +48,7 @@ export const ArticleSocialAccounts: React.FCX<Partial<ArticleSocialAccountsProps
             alt="hatena"
             className="w-16 h-16 rounded-full "
             layout="fixed"
-            placeholder="tracedSVG"
+            placeholder="blurred"
           />
         </a>
       )}
@@ -61,7 +61,7 @@ export const ArticleSocialAccounts: React.FCX<Partial<ArticleSocialAccountsProps
             alt="bandcamp"
             className="w-10 h-10 blend-multiply"
             layout="fixed"
-            placeholder="tracedSVG"
+            placeholder="blurred"
           />
         </a>
       )}
@@ -74,7 +74,7 @@ export const ArticleSocialAccounts: React.FCX<Partial<ArticleSocialAccountsProps
             alt="minnakikeru"
             className="w-full h-full blend-multiply"
             layout="fixed"
-            placeholder="tracedSVG"
+            placeholder="blurred"
           />
         </a>
       )}

diff --git a/src/pages/articles.tsx b/src/pages/articles.tsx
@@ -70,7 +70,7 @@ export const pageQuery = graphql`
     }
     zine: file(relativePath: { eq: "yowaizine.png" }) {
       childImageSharp {
-        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: TRACED_SVG)
+        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: BLURRED)
       }
     }
   }

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -135,12 +135,12 @@ export const pageQuery = graphql`
     }
     genki: file(relativePath: { eq: "genki.png" }) {
       childImageSharp {
-        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: TRACED_SVG)
+        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: BLURRED)
       }
     }
     zine: file(relativePath: { eq: "yowaizine.png" }) {
       childImageSharp {
-        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: TRACED_SVG)
+        gatsbyImageData(width: 768, layout: FULL_WIDTH, placeholder: BLURRED)
       }
     }
     posts: allContentfulMarkdownArticle(sort: {fields: publishedAt, order: DESC}) {