Add featured-image

smetzdev · May 6, 2021 · 82ddc5c · 82ddc5c
1 parent 1bc0490
commit 82ddc5c
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/templates/post.js b/src/templates/post.js
@@ -1,14 +1,16 @@
 import * as React from "react"
-import { Link, graphql } from "gatsby"
-import { StaticImage } from "gatsby-plugin-image"
+import { graphql } from "gatsby"
+import { GatsbyImage } from "gatsby-plugin-image"
 
 import Layout from "../components/layout"
 import Seo from "../components/seo"
 
 const IndexPage = ({ data }) => {
+  const featuredImage = data.wpPost.featuredImage?.node?.localFile
   return (
     <Layout>
       <Seo title="Home" />
+      <GatsbyImage image={featuredImage.childImageSharp.gatsbyImageData} />
       <h1>{data.wpPost.title}</h1>
       <section dangerouslySetInnerHTML={{ __html: data.wpPost.content }} />
     </Layout>
@@ -20,6 +22,15 @@ export const query = graphql`
     wpPost(id: { eq: $id }) {
       title
       content
+      featuredImage {
+        node {
+          localFile {
+            childImageSharp {
+              gatsbyImageData(layout: FULL_WIDTH)
+            }
+          }
+        }
+      }
     }
   }
 `