From 267045989055623a58977f263e02b864c4ea1b2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Martin=20Ra=C4=8D=C3=A1k?= Date: Mon, 29 Jul 2024 12:06:45 +0200 Subject: [PATCH] Fix too many files generated for CF pages (#3818) They have a hard limit of 20k. --- packages/@ourworldindata/utils/src/image.ts | 3 +-- site/gdocs/components/Image.tsx | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/@ourworldindata/utils/src/image.ts b/packages/@ourworldindata/utils/src/image.ts index bdb70c69898..4e2512406e6 100644 --- a/packages/@ourworldindata/utils/src/image.ts +++ b/packages/@ourworldindata/utils/src/image.ts @@ -6,7 +6,6 @@ import { traverseEnrichedBlock } from "./Util.js" import { OwidGdoc, OwidGdocType, ImageMetadata } from "@ourworldindata/types" import { match, P } from "ts-pattern" -export const AUTHOR_BYLINE_WIDTH = 48 export const THUMBNAIL_WIDTH = 100 export const LARGE_THUMBNAIL_WIDTH = 350 @@ -15,7 +14,7 @@ export function getSizes( ): number[] { if (!originalWidth) return [] // ensure a thumbnail and author byline is generated - const widths = [AUTHOR_BYLINE_WIDTH, THUMBNAIL_WIDTH] + const widths = [THUMBNAIL_WIDTH] // start at large thumbnail and go up by 500 to a max of 1350 before we just show the original image let width = LARGE_THUMBNAIL_WIDTH while (width < originalWidth && width <= 1350) { diff --git a/site/gdocs/components/Image.tsx b/site/gdocs/components/Image.tsx index 57e58bbb967..4581425af76 100644 --- a/site/gdocs/components/Image.tsx +++ b/site/gdocs/components/Image.tsx @@ -53,7 +53,7 @@ const containerSizes: Record = { ["datapage"]: gridSpan6, ["full-width"]: "100vw", ["key-insight"]: gridSpan5, - ["author-byline"]: "48px", + ["author-byline"]: "100px", ["author-header"]: gridSpan2, ["span-5"]: gridSpan5, ["span-6"]: gridSpan6,