Merge pull request #2345 from Plant-for-the-Planet-org/feature/text-c…

…hange-public-profile-sdg refactor: update header text on the public profile sdg section.
Plant-for-the-Planet-org · Jan 9, 2025 · 6ca92a0 · 6ca92a0
2 parents 4734f75 + a9253aa
commit 6ca92a0
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/public/static/locales/en/profile.json b/public/static/locales/en/profile.json
@@ -112,7 +112,8 @@
       "m2": "m²"
     },
     "infoAndCtaContainer": {
-      "sdgCardsSectionHeading": "Restoring Ecosystems & Fighting the Climate Crisis for the SDGs",
+      "sdgSectionHeadingPrimary": "Restoring Ecosystems & Fighting the Climate Crisis.",
+      "sdgSectionHeadingSecondary": "Contributing to the Sustainable Development Goals.",
       "pfpDonorCircleMember": "Plant-for-the-Planet donor circle member",
       "publicProfileActions": {
         "becomeAMember": "Become a Member",

diff --git a/src/features/common/CarouselSlider/index.tsx b/src/features/common/CarouselSlider/index.tsx
@@ -41,7 +41,10 @@ const CarouselArrow = (props: {
 };
 
 interface CarouselSliderProps {
-  carouselTitle: string;
+  carouselTitles: {
+    primary: string;
+    secondary: string;
+  };
   carouselData: ReactElement[];
   settings: Settings;
   currentSlide: number;
@@ -50,7 +53,7 @@ interface CarouselSliderProps {
 }
 
 const CarouselSlider = ({
-  carouselTitle,
+  carouselTitles,
   carouselData,
   settings,
   currentSlide,
@@ -108,7 +111,8 @@ const CarouselSlider = ({
     <div className={styles.carouselSliderContainer}>
       <div className={styles.carouselHeader}>
         <div className={styles.titleContainer}>
-          <h2>{carouselTitle}</h2>
+          <h2>{carouselTitles.primary}</h2>
+          <h2>{carouselTitles.secondary}</h2>
         </div>
         <div className={styles.arrowContainer}>
           <CarouselArrow

diff --git a/src/features/user/Profile/InfoAndCTA/SDGCardList/index.tsx b/src/features/user/Profile/InfoAndCTA/SDGCardList/index.tsx
@@ -106,7 +106,10 @@ const SDGCardList = () => {
   return (
     <CarouselSlider
       carouselData={sdgCardsDataArray}
-      carouselTitle={t('infoAndCtaContainer.sdgCardsSectionHeading')}
+      carouselTitles={{
+        primary: t('infoAndCtaContainer.sdgSectionHeadingPrimary'),
+        secondary: t('infoAndCtaContainer.sdgSectionHeadingSecondary'),
+      }}
       settings={settings}
       currentSlide={currentSlide}
       setCurrentSlide={setCurrentSlide}