fix: add missing alt to lists

thedaviddias · Aug 5, 2023 · 10b566d · 10b566d · vercel · Aug 5, 2023
1 parent 87b1f4f
commit 10b566d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/apps/blog/src/components/BlogPost/BlogPost.tsx b/apps/blog/src/components/BlogPost/BlogPost.tsx
@@ -59,7 +59,7 @@ export const BlogPost: React.FC<BlogPostProps> = ({ post, isCategoryPage }) => {
             className="object-cover rounded-md"
             src={post.frontMatter.preview.url}
             fill
-            alt=""
+            alt={post.frontMatter.preview.alt || ''}
             aria-hidden="true"
             sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
           />

diff --git a/apps/blog/src/types/index.ts b/apps/blog/src/types/index.ts
@@ -33,6 +33,7 @@ export type FrontMatterType<Type extends 'article' | 'note' | 'project'> = {
   title: string
   preview: {
     url: string
+    alt?: string
   }
   published?: {
     on: string

diff --git a/apps/blog/src/utils/get-article-posts/getAdjacentPosts.ts b/apps/blog/src/utils/get-article-posts/getAdjacentPosts.ts
@@ -14,6 +14,7 @@ export function getAdjacentPosts(slug: string, locale: string, dataType: string)
           slug: allPostHeaders[previousIndex].permalink,
           title: allPostHeaders[previousIndex].frontMatter.title,
           image: allPostHeaders[previousIndex].frontMatter?.preview?.url || '',
+          alt: allPostHeaders[nextIndex].frontMatter?.preview?.alt || '',
         }
       : null
 
@@ -23,6 +24,7 @@ export function getAdjacentPosts(slug: string, locale: string, dataType: string)
           slug: allPostHeaders[nextIndex].permalink,
           title: allPostHeaders[nextIndex].frontMatter.title,
           image: allPostHeaders[nextIndex].frontMatter?.preview?.url || '',
+          alt: allPostHeaders[nextIndex].frontMatter?.preview?.alt || '',
         }
       : null