From 4cb47b02ab378b316f1360cfa7f4f0db969f816d Mon Sep 17 00:00:00 2001
From: Hippo <badrihippo@gmail.com>
Date: Thu, 17 Oct 2019 12:49:07 +0530
Subject: [PATCH] Add media redirect for homepage and post lists

---
 src/components/common/PostCard.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/common/PostCard.js b/src/components/common/PostCard.js
index 6db11be..38fd27e 100644
--- a/src/components/common/PostCard.js
+++ b/src/components/common/PostCard.js
@@ -4,6 +4,8 @@ import { Link } from 'gatsby'
 import { Tags } from '@tryghost/helpers-gatsby'
 import { readingTime as readingTimeHelper } from '@tryghost/helpers'
 
+import config from '../../utils/siteConfig'
+
 const PostCard = ({ post, isLarge }) => {
     const url = `/${post.slug}/`
     const readingTime = readingTimeHelper(post)
@@ -13,7 +15,9 @@ const PostCard = ({ post, isLarge }) => {
             <header className="post-card-header">
                 {post.feature_image &&
                     <div className="post-card-image" style={{
-                        backgroundImage: `url(${post.feature_image})` ,
+                        backgroundImage: `url(${post.feature_image
+                            ? post.feature_image.replace(new RegExp(config.mediaUrlFrom, 'g'), config.mediaUrlTo)
+                            : null})`,
                     }}></div>}
             </header>
             <div className="post-card-content">