Allow customizing strings for data catalog and stories banners (#664)

Allows [this](US-GHG-Center/veda-config-ghg#96) without needing custom code on the `ghg` branch
NASA-IMPACT · Sep 20, 2023 · c66fb54 · c66fb54
2 parents dba8c2b + 1459aaf
commit c66fb54
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/app/scripts/components/data-catalog/index.tsx b/app/scripts/components/data-catalog/index.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo, useRef } from 'react';
 import styled from 'styled-components';
-import { DatasetData, datasets, datasetTaxonomies } from 'veda';
+import { DatasetData, datasets, datasetTaxonomies, getString } from 'veda';
 import { Link } from 'react-router-dom';
 import { glsp } from '@devseed-ui/theme-provider';
 import { Subtitle } from '@devseed-ui/typography';
@@ -155,11 +155,17 @@ function DataCatalog() {
     <PageMainContent>
       <LayoutProps
         title='Data Catalog'
-        description='This dashboard explores key indicators to track and compare changes over time.'
+        description={
+          getString('dataCatalogBanner')?.other ||
+          'This dashboard explores key indicators to track and compare changes over time.'
+        }
       />
       <PageHero
         title='Data Catalog'
-        description='This dashboard explores key indicators to track and compare changes over time.'
+        description={
+          getString('dataCatalogBanner')?.other ||
+          'This dashboard explores key indicators to track and compare changes over time.'
+        }
       />
 
       <FeaturedDatasets />

diff --git a/app/scripts/components/stories/hub/index.tsx b/app/scripts/components/stories/hub/index.tsx
@@ -161,11 +161,11 @@ function StoriesHub() {
     <PageMainContent>
       <LayoutProps
         title={getString('stories').other}
-        description='Explore the guided narratives below to discover how NASA satellites and other Earth observing resources reveal a changing planet.'
+        description={getString('storiesBanner')?.other || 'Explore the guided narratives below to discover how NASA satellites and other Earth observing resources reveal a changing planet.'}
       />
       <PageHero
         title={getString('stories').other}
-        description='Explore the guided narratives below to discover how NASA satellites and other Earth observing resources reveal a changing planet.'
+        description={getString('storiesBanner')?.other || 'Explore the guided narratives below to discover how NASA satellites and other Earth observing resources reveal a changing planet.'}
       />
 
       <FeaturedStories />