From 1459aafc782840c40cf8c10fad844e3c0283593d Mon Sep 17 00:00:00 2001
From: Erik Escoffier <me@erik.nz>
Date: Wed, 20 Sep 2023 15:05:04 +0200
Subject: [PATCH] Allow customizing strings for data catalog and stories
 banners

---
 app/scripts/components/data-catalog/index.tsx | 12 +++++++++---
 app/scripts/components/stories/hub/index.tsx  |  4 ++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/app/scripts/components/data-catalog/index.tsx b/app/scripts/components/data-catalog/index.tsx
index c3015ec22..56b5e99a2 100644
--- 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
index 825fd5c74..2fb91fbaf 100644
--- 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 />