fix: placeholder for blog thumbnail image

Author: ameen4455

src/components/common/PostCardBlog.js

@@ -12,7 +12,7 @@ const PostCardBlog = ({ post, number }) => {
       <Link to={url} id="post-card" className="mb-4 w-full flex flex-col md:flex-row items-center pb-5 border-b-2 md:border-0">
         <div className=" md:w-1/3 md:mr-4">
           <img
-            src={post.feature_image || post.og_image}
+            src={post.feature_image || post.og_image || "/images/blog_placeholder_image.png"}
             className={
               "aspect-video w-full rounded object-cover max-w-xl"
             }
@@ -46,7 +46,7 @@ const PostCardBlog = ({ post, number }) => {
               </Link>
             )}
           </div>
-          <footer className="flex text-sm font-light">
+          <footer className="flex text-sm pb-4 font-light">
             <div className="mr-3 text-iff-orange">
               <span>{post.published_at_pretty}</span>
             </div>

src/templates/post.js

@@ -88,21 +88,6 @@ const Post = ({ data, location }) => {
               </div>
             </div>
           </div>
-
-          <div className="relative blog-feature_image">
-            <div
-              className={
-                "w-full p-4 md:p-0 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"
-              }
-            >
-              <img
-                src={post.feature_image}
-                className=" rounded-md w-full lg:max-w-4xl mx-auto"
-                alt=""
-              />
-            </div>
-          </div>
-
           <article
             className="mt-16 mx-auto prose md:prose-lg prose-img:rounded-xl prose-img:shadow-xl hover:prose-headings:underline underline-offset-4 hover:prose-a:text-iff-orange px-4 select-none"
             dangerouslySetInnerHTML={{ __html: post.html }}