Add alt property in BlogPost interface (#862)

deco-cx · Sep 17, 2024 · 636f1d4 · 636f1d4
1 parent e7e1e06
commit 636f1d4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/blog/sections/Template.tsx b/blog/sections/Template.tsx
@@ -14,6 +14,7 @@ export default function Template({ post }: Props) {
     excerpt = "Excerpt",
     date,
     image,
+    alt
   } = post;
 
   return (
@@ -32,7 +33,7 @@ export default function Template({ post }: Props) {
             : ""}
         </p>
         {image && (
-          <img class="w-full rounded-2xl bg-cover" src={image} alt={title} />
+          <img class="w-full rounded-2xl bg-cover" src={image} alt={alt ?? title} />
         )}
         <div dangerouslySetInnerHTML={{ __html: content }} />
       </div>

diff --git a/blog/types.ts b/blog/types.ts
@@ -22,6 +22,10 @@ export interface BlogPost {
   title: string;
   excerpt: string;
   image?: ImageWidget;
+  /**
+   * @title Alt text for the image
+   */
+  alt?: string;
   /**
    * @widget blog
    * @collection authors