Merge pull request #122 from elia-orsini/master

Feat: Use Alt Property for Image Blocks
splitbee · Oct 28, 2024 · a937f47 · a937f47
2 parents da9c9fc + 200df93
commit a937f47
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/asset.tsx b/src/components/asset.tsx
@@ -45,6 +45,7 @@ const Asset: React.FC<{
   if (block.value.type === "image") {
     const src = mapImageUrl(value.properties.source[0][0], block);
     const caption = value.properties.caption?.[0][0];
+    const altText = value.properties.alt_text?.[0][0];
 
     if (block_aspect_ratio) {
       return (
@@ -56,7 +57,7 @@ const Asset: React.FC<{
         >
           <img
             className="notion-image-inset"
-            alt={caption || "notion image"}
+            alt={altText || caption || "notion image"}
             src={src}
           />
         </div>

diff --git a/src/types.ts b/src/types.ts
@@ -197,6 +197,7 @@ export interface ContentValueType extends BaseValueType {
   properties: {
     source: string[][];
     caption?: DecorationType[];
+    alt_text?: string[][];
   };
   format?: {
     block_width: number;