Add refs to about page

owid · Dec 6, 2024 · f08d004 · f08d004
1 parent 3e4ea73
commit f08d004
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/@ourworldindata/types/src/gdocTypes/Gdoc.ts b/packages/@ourworldindata/types/src/gdocTypes/Gdoc.ts
@@ -209,6 +209,7 @@ export interface OwidGdocAboutContent {
     "featured-image"?: string
     authors: string[]
     body: OwidEnrichedGdocBlock[]
+    refs?: { definitions: RefDictionary; errors: OwidGdocErrorMessage[] }
 }
 
 export interface OwidGdocAboutInterface extends OwidGdocBaseInterface {

diff --git a/site/gdocs/pages/AboutPage.tsx b/site/gdocs/pages/AboutPage.tsx
@@ -1,8 +1,10 @@
 import cx from "classnames"
+import { isEmpty } from "lodash"
 import * as React from "react"
 
 import { OwidGdocAboutInterface } from "@ourworldindata/types"
 import { ArticleBlocks } from "../components/ArticleBlocks.js"
+import Footnotes from "../components/Footnotes.js"
 
 const NAV_LINKS = [
     { title: "About Us", href: "/about" },
@@ -15,7 +17,7 @@ const NAV_LINKS = [
 
 export default function AboutPage({ content, slug }: OwidGdocAboutInterface) {
     return (
-        <main className="grid grid-cols-12-full-width">
+        <main className="centered-article-container grid grid-cols-12-full-width">
             <h1 className="about-header col-start-2 col-end-limit display-2-semibold">
                 About
             </h1>
@@ -26,6 +28,9 @@ export default function AboutPage({ content, slug }: OwidGdocAboutInterface) {
                     blocks={content.body}
                 />
             </div>
+            {content.refs && !isEmpty(content.refs.definitions) ? (
+                <Footnotes definitions={content.refs.definitions} />
+            ) : null}
         </main>
     )
 }