From 29c4c1dbad5ed515965a5efcf5e183d44d9f87d8 Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Wed, 12 Sep 2018 12:06:57 +0200
Subject: [PATCH] Adding featured image to blog post

---
 src/templates/post-default.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/templates/post-default.js b/src/templates/post-default.js
index 0a99fc4..21b1838 100644
--- a/src/templates/post-default.js
+++ b/src/templates/post-default.js
@@ -31,9 +31,17 @@ class PostDefault extends Component {
           ]}
         />
         <main className="container mx-auto p-4 max-w-lg sm:p-10">
-          <h1>{data.wordpressPost.title}</h1>
+          <img
+            className="w-full rounded"
+            src={
+              data.wordpressPost.featured_media
+                ? data.wordpressPost.featured_media.source_url
+                : ''
+            }
+          />
+          <h1 className="mt-4">{data.wordpressPost.title}</h1>
           <div
-            className="leading-normal blog-post"
+            className="leading-normal blog-post font-serif"
             dangerouslySetInnerHTML={{
               __html: data.wordpressPost.content,
             }}
@@ -55,6 +63,10 @@ export const query = graphql`
       title
       slug
       content
+      date(formatString: "MMMM DD, YYYY")
+      featured_media {
+        source_url
+      }
     }
   }
 `