✨ round homepage key-indicator-collection chart count down to nearest…

… hundred
owid · Mar 29, 2024 · ef97db3 · ef97db3
1 parent fcfa522
commit ef97db3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/packages/@ourworldindata/utils/src/Util.ts b/packages/@ourworldindata/utils/src/Util.ts
@@ -1831,3 +1831,7 @@ export function cartesian<T>(matrix: T[][]): T[][] {
         [[]]
     )
 }
+
+export function roundDownToNearestHundred(value: number): number {
+    return Math.floor(value / 100) * 100
+}
diff --git a/packages/@ourworldindata/utils/src/index.ts b/packages/@ourworldindata/utils/src/index.ts
@@ -118,6 +118,7 @@ export {
     checkIsDataInsight,
     checkIsAuthor,
     cartesian,
+    roundDownToNearestHundred,
 } from "./Util.js"
 
 export {

diff --git a/site/gdocs/components/KeyIndicatorCollection.tsx b/site/gdocs/components/KeyIndicatorCollection.tsx
@@ -15,7 +15,11 @@ import {
     EnrichedBlockKeyIndicator,
     GrapherTabOption,
 } from "@ourworldindata/types"
-import { Url, urlToSlug } from "@ourworldindata/utils"
+import {
+    Url,
+    urlToSlug,
+    roundDownToNearestHundred,
+} from "@ourworldindata/utils"
 
 import { useLinkedChart, useLinkedIndicator } from "../utils.js"
 import KeyIndicator from "./KeyIndicator.js"
@@ -56,7 +60,8 @@ export default function KeyIndicatorCollection({
                 {homepageMetadata?.chartCount ? (
                     <p className="body-2-regular">
                         Featured data from our collection of more than{" "}
-                        {homepageMetadata?.chartCount} interactive charts.
+                        {roundDownToNearestHundred(homepageMetadata.chartCount)}{" "}
+                        interactive charts.
                     </p>
                 ) : (
                     <p className="body-2-regular">