get button label from cms

CodeForAfrica · Sep 15, 2023 · ca8afc3 · ca8afc3
1 parent 79e0c5b
commit ca8afc3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js b/apps/codeforafrica/src/components/MeetOurTeam/MeetOurTeam.js
@@ -7,7 +7,12 @@ import React from "react";
 import RichText from "@/codeforafrica/components/RichText";
 
 const MeetOurTeam = React.forwardRef(function MeetOurTeam(props, ref) {
-  const { title, description, href, image } = props;
+  const {
+    title,
+    description,
+    action: { href, content },
+    image,
+  } = props;
 
   if (!title || !description) {
     return null;
@@ -35,7 +40,7 @@ const MeetOurTeam = React.forwardRef(function MeetOurTeam(props, ref) {
               sx={{ width: { xs: "100%", sm: "auto" }, margin: "2.5rem 0" }}
               variant="contained-reverse"
             >
-              Meet our Team
+              {content}
             </Button>
           </Grid>
 

diff --git a/apps/codeforafrica/src/lib/data/blockify/meetOurTeam.js b/apps/codeforafrica/src/lib/data/blockify/meetOurTeam.js
@@ -3,12 +3,15 @@ import { imageFromMedia } from "@/codeforafrica/lib/data/utils";
 function meetOurTeam(block) {
   const { image: media, actionButton, title, ...other } = block;
   const image = imageFromMedia({ alt: title, ...media });
-  const { href } = actionButton;
+  const { href, label } = actionButton;
 
   return {
     ...other,
     image,
-    href,
+    action: {
+      href,
+      content: label,
+    },
     slug: "meet-our-team",
     title,
   };