From 2efcc00d529bdc8384bd5a12210e5e6ce141971c Mon Sep 17 00:00:00 2001
From: Lucas Phang <lucasphang98@gmail.com>
Date: Fri, 7 May 2021 15:17:41 +1000
Subject: [PATCH] Add alt text to feature image on blog post

---
 components/article/Article.tsx                             | 5 ++++-
 components/article/sections/ArticleSectionFeatureImage.tsx | 5 +++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/article/Article.tsx b/components/article/Article.tsx
index cd687e6..8cf69b9 100644
--- a/components/article/Article.tsx
+++ b/components/article/Article.tsx
@@ -27,7 +27,10 @@ export function Article(props: IPost) {
     <article>
       <div className="flex flex-col items-center mt-10 mb-16 space-y-4">
         <Contained>
-          <ArticleSectionFeatureImage featureImage={featureImage} />
+          <ArticleSectionFeatureImage
+            featureImage={featureImage}
+            title={title}
+          />
         </Contained>
 
         <ArticleContained>
diff --git a/components/article/sections/ArticleSectionFeatureImage.tsx b/components/article/sections/ArticleSectionFeatureImage.tsx
index d419609..9c99b5e 100644
--- a/components/article/sections/ArticleSectionFeatureImage.tsx
+++ b/components/article/sections/ArticleSectionFeatureImage.tsx
@@ -2,15 +2,16 @@ import { IFigureImage } from '../../../types/cms';
 
 interface Props {
   featureImage: IFigureImage;
+  title: string;
 }
 
-export function ArticleSectionFeatureImage({ featureImage }: Props) {
+export function ArticleSectionFeatureImage({ featureImage, title }: Props) {
   return (
     <div className="w-full pb-4 desktop:pb-0">
       <div className="relative w-full mb-4 aspect-w-14 aspect-h-8">
         <img
           src={featureImage?.imageUrl}
-          alt={featureImage?.description ?? ''}
+          alt={featureImage?.description ?? title}
           className="object-cover rounded"
         />
       </div>