From e863a35c5e564b10d45bfc7ad97f5881c0c2695f Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Wed, 13 Feb 2019 02:09:38 +0100
Subject: [PATCH] Add featured image to posts

---
 src/templates/event.js |  6 +-----
 src/templates/post.js  | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/templates/event.js b/src/templates/event.js
index d5bdc76..e4f6035 100644
--- a/src/templates/event.js
+++ b/src/templates/event.js
@@ -111,11 +111,7 @@ export const eventQuery = graphql`
       price_regular
       featured_media {
         localFile {
-          childImageSharp {
-            fluid(maxWidth: 800) {
-              ...GatsbyImageSharpFluid
-            }
-          }
+          ...FluidImage
         }
       }
     }
diff --git a/src/templates/post.js b/src/templates/post.js
index 294b047..32e3c44 100644
--- a/src/templates/post.js
+++ b/src/templates/post.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 import { graphql, Link } from 'gatsby'
 import Layout from '../components/Layout'
+import Img from 'gatsby-image'
 
 export const BlogPostTemplate = ({
   content,
@@ -11,6 +12,7 @@ export const BlogPostTemplate = ({
   title,
   date,
   author,
+  featuredMedia,
 }) => {
   return (
     <section className="post-page">
@@ -22,6 +24,9 @@ export const BlogPostTemplate = ({
           {date} av <Link to={`/author/${author.slug}`}>{author.name}</Link>
         </p>
       </div>
+      <div className="featured-image">
+          <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+      </div>
       <div className="post-content" dangerouslySetInnerHTML={{ __html: content }} />
         {categories && categories.length ? (
           <div>
@@ -71,6 +76,7 @@ const BlogPost = ({ data }) => {
         title={post.title}
         date={post.date}
         author={post.author}
+        featuredMedia={post.featured_media}
       />
     </Layout>
   )
@@ -85,6 +91,13 @@ BlogPost.propTypes = {
 export default BlogPost
 
 export const pageQuery = graphql`
+  fragment FluidImage on File {
+    childImageSharp {
+      fluid(maxWidth: 800) {
+        ...GatsbyImageSharpFluid
+      }
+    }
+  }
   fragment PostFields on wordpress__POST {
     id
     slug
@@ -111,6 +124,11 @@ export const pageQuery = graphql`
         name
         slug
       }
+      featured_media {
+        localFile {
+          ...FluidImage
+        }
+      }
     }
   }
 `