✨ (gdocs) add description

owid · Jan 29, 2024 · 8dc037c · 8dc037c
1 parent 53dc9cb
commit 8dc037c
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 0 deletions.
diff --git a/packages/@ourworldindata/types/src/gdocTypes/Gdoc.ts b/packages/@ourworldindata/types/src/gdocTypes/Gdoc.ts
@@ -32,6 +32,7 @@ export interface LinkedIndicator {
     dateRange?: string
     lastUpdated?: string
     attributionUnshortened?: string
+    descriptionShort?: string
 }
 
 export enum OwidGdocType {

diff --git a/packages/@ourworldindata/utils/src/metadataHelpers.ts b/packages/@ourworldindata/utils/src/metadataHelpers.ts
@@ -304,5 +304,6 @@ export function grabMetadataForGdocLinkedIndicator(
             attributions: getAttributionFragmentsFromVariable(metadata),
             origins: metadata.origins ?? [],
         }),
+        descriptionShort: metadata.descriptionShort,
     }
 }
diff --git a/site/gdocs/components/KeyIndicator.scss b/site/gdocs/components/KeyIndicator.scss
@@ -64,6 +64,13 @@
         color: $blue-90;
     }
 
+    .description {
+        @include body-3-medium;
+        color: $blue-60;
+        margin-top: 0;
+        margin-bottom: 16px;
+    }
+
     .datapage-link {
         @include body-3-medium;
 

diff --git a/site/gdocs/components/KeyIndicator.tsx b/site/gdocs/components/KeyIndicator.tsx
@@ -96,6 +96,11 @@ export default function KeyIndicator({
                         </div>
                     )}
                 </div>
+                {linkedIndicator.descriptionShort && (
+                    <p className="description">
+                        {linkedIndicator.descriptionShort}
+                    </p>
+                )}
                 <a
                     className="datapage-link datapage-link-desktop"
                     href={d.datapageUrl}