From 3e3876b6f230ab66ebecc0dca52341a78f41e5f6 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Tue, 6 Aug 2019 01:44:17 +0200
Subject: [PATCH] Fall back to image URL for GIFs and SVGs

---
 src/templates/post.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/templates/post.js b/src/templates/post.js
index 8597c81..5d64b18 100644
--- a/src/templates/post.js
+++ b/src/templates/post.js
@@ -18,7 +18,8 @@ export const BlogPostTemplate = ({
   author,
   featuredMedia,
 }) => {
-  const hasFeaturedMedia = featuredMedia && !!featuredMedia.localFile
+  const hasFeaturedMedia =
+    featuredMedia && (!!featuredMedia.localFile || !!featuredMedia.url)
   return (
     <section
       className={`post-page ${
@@ -41,15 +42,21 @@ export const BlogPostTemplate = ({
       {hasFeaturedMedia && (
         <>
           <div className="post-hero_image">
-            <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            {featuredMedia.localFile.childImageSharp ? (
+              <Img fluid={featuredMedia.localFile.childImageSharp.fluid} />
+            ) : (
+              <img
+                src={featuredMedia.localFile.url}
+                alt={featuredMedia.caption || ''}
+              />
+            )}
             {featuredMedia.caption && (
-            <div
-              className="post-hero_image-caption"
-              dangerouslySetInnerHTML={{ __html: featuredMedia.caption }}
-            />
-          )}
+              <div
+                className="post-hero_image-caption"
+                dangerouslySetInnerHTML={{ __html: featuredMedia.caption }}
+              />
+            )}
           </div>
-
         </>
       )}
       <div
@@ -107,6 +114,7 @@ export const pageQuery = graphql`
         ...GatsbyImageSharpFluid
       }
     }
+    url
   }
   fragment PostFields on wordpress__POST {
     id