✨ handle extra cases with data insights atom feed images

owid · Aug 19, 2024 · f557fd4 · f557fd4
1 parent 0fc9338
commit f557fd4
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/site/gdocs/components/AtomArticleBlocks.tsx b/site/gdocs/components/AtomArticleBlocks.tsx
@@ -7,9 +7,10 @@ import { useImage } from "../utils.js"
 import ArticleBlock, { Container, getLayout } from "./ArticleBlock.js"
 import { BlockErrorFallback } from "./BlockErrorBoundary.js"
 import {
-    LARGEST_IMAGE_WIDTH,
     getFilenameExtension,
     getFilenameWithoutExtension,
+    isNull,
+    LARGEST_IMAGE_WIDTH,
 } from "@ourworldindata/utils"
 
 export default function AtomArticleBlocks({
@@ -82,10 +83,25 @@ function Image({
     const filenameWithoutExtension = encodeURIComponent(
         getFilenameWithoutExtension(image.filename)
     )
+    const resizedWidth = match(image.originalWidth)
+        .when(
+            (width) => isNull(width),
+            () => ""
+        )
+        .when(
+            (width) => width <= LARGEST_IMAGE_WIDTH,
+            () => ""
+        )
+        .when(
+            (width) => width > LARGEST_IMAGE_WIDTH,
+            () => `_${LARGEST_IMAGE_WIDTH}`
+        )
+        .otherwise(() => "")
+
     const extension = getFilenameExtension(image.filename)
     return (
         <img
-            src={`${BAKED_BASE_URL}${IMAGES_DIRECTORY}${filenameWithoutExtension}_${LARGEST_IMAGE_WIDTH}.${extension}`}
+            src={`${BAKED_BASE_URL}${IMAGES_DIRECTORY}${filenameWithoutExtension}${resizedWidth}.${extension}`}
             alt={alt ?? image.defaultAlt}
             width={image.originalWidth ?? undefined}
             height={image.originalHeight ?? undefined}