From 2e57cdf70fdaccf1192eff2278053d24fb3f903b Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 13:52:40 -0400
Subject: [PATCH 1/6] Allow getting the info from landing_variables

---
 src/pages/bootcamp/[course_slug].jsx | 33 +++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/pages/bootcamp/[course_slug].jsx b/src/pages/bootcamp/[course_slug].jsx
index b3c7b041c..09c4b61d3 100644
--- a/src/pages/bootcamp/[course_slug].jsx
+++ b/src/pages/bootcamp/[course_slug].jsx
@@ -258,6 +258,23 @@ function CoursePage({ data }) {
   };
   const featurePrice = getPlanPrice().toLocaleLowerCase();
 
+  const getAlternativeTranslation = (slug) => {
+    const keys = slug.split('.');
+    let result = data?.course_translation?.landing_variables;
+
+    if (!result) return t(slug);
+  
+    for (const key of keys) {
+      if (result[key] !== undefined) {
+        result = result[key];
+      } else {
+        return t(slug); // Return the value from t() function if the slug doesn't exist in data.landing_variables
+      }
+    }
+  
+    return result;
+  };
+
   useEffect(() => {
     if (isRigoInitialized && data.course_translation && !initialDataIsFetching) {
       const context = document.body.innerText;
@@ -911,11 +928,11 @@ function CoursePage({ data }) {
         <MktTwoColumnSideImage
           mt="6.25rem"
           imageUrl={t('certificate.image')}
-          title={t('certificate.title')}
+          title={getAlternativeTranslation('certificate.title')}
           description={t('certificate.description')}
           informationSize="Medium"
           buttonUrl={t('certificate.button-link')}
-          buttonLabel={t('certificate.button')}
+          buttonLabel={getAlternativeTranslation('certificate.button')}
           containerProps={{
             padding: '0px',
             marginTop: '0px',
@@ -926,13 +943,13 @@ function CoursePage({ data }) {
 
         <MktTwoColumnSideImage
           mt="6.25rem"
-          imageUrl={t('job-section.image')}
-          title={t('job-section.title')}
-          subTitle={t('job-section.subtitle')}
-          description={t('job-section.description')}
+          imageUrl={getAlternativeTranslation('job-section.image')}
+          title={getAlternativeTranslation('job-section.title')}
+          subTitle={getAlternativeTranslation('job-section.subtitle')}
+          description={getAlternativeTranslation('job-section.description')}
           informationSize="Medium"
-          buttonUrl={t('job-section.button-link')}
-          buttonLabel={t('job-section.button')}
+          buttonUrl={getAlternativeTranslation('job-section.button-link')}
+          buttonLabel={getAlternativeTranslation('job-section.button')}
           imagePosition="right"
           textBackgroundColor="#EEF9FE"
           titleColor="#0097CF"

From f01c5617539817a7115d2e11db7b5c4c4749ce4d Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 13:53:11 -0400
Subject: [PATCH 2/6] Allow getting the info from landing_variables

---
 src/pages/pricing.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/pricing.jsx b/src/pages/pricing.jsx
index e6334e58b..ecc97665d 100644
--- a/src/pages/pricing.jsx
+++ b/src/pages/pricing.jsx
@@ -336,9 +336,9 @@ function PricingView() {
                         <Text fontSize="auto">{t('see-plans-and-prices')}</Text>
                         <Icon icon="longArrowRight" width="18px" height="18px" color="white" />
                       </Link>
-                      {course?.course_translation?.landing_variables?.length > 0 && (
+                      {course?.course_translation?.landing_variables?.card?.length > 0 && (
                         <Flex flexDirection="column" gridGap="10px" borderRadius="4px" padding="12px">
-                          {course?.course_translation?.landing_variables.map((content) => {
+                          {course?.course_translation?.landing_variables?.card?.map((content) => {
                             const isUrlImage = content?.icon?.includes('http');
                             return (
                               <Flex key={content.title} gridGap="10px">

From 3f9b45a95dc21e042f7843c29d501c172c9946ec Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 13:53:18 -0400
Subject: [PATCH 3/6] Allow getting the info from landing_variables

---
 src/pages/bootcamp/[course_slug].jsx | 44 ++++++++++++++--------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/pages/bootcamp/[course_slug].jsx b/src/pages/bootcamp/[course_slug].jsx
index 09c4b61d3..648e35745 100644
--- a/src/pages/bootcamp/[course_slug].jsx
+++ b/src/pages/bootcamp/[course_slug].jsx
@@ -587,13 +587,13 @@ function CoursePage({ data }) {
                   ) : (
                     <>
                       <Heading as="span" size={{ base: '38px', md: '46px' }} fontFamily="lato" letterSpacing="0.05em" fontWeight="normal" lineHeight="normal">
-                        {!isVisibilityPublic ? t('title-connectors.learning') : t('title-connectors.start')}
+                        {!isVisibilityPublic ? getAlternativeTranslation('title-connectors.learning') : getAlternativeTranslation('title-connectors.start')}
                       </Heading>
                       <Heading as="span" color="blue.default" width="100%" size={{ base: '42px', md: '64px' }} lineHeight="1.1" fontFamily="Space Grotesk Variable" fontWeight={700}>
                         {data?.course_translation?.title}
                       </Heading>
                       <Heading as="span" size={{ base: '38px', md: '46px' }} fontFamily="lato" letterSpacing="0.05em" fontWeight="normal" lineHeight="normal">
-                        {!isVisibilityPublic ? t('title-connectors.own-pace') : t('title-connectors.end')}
+                        {!isVisibilityPublic ? getAlternativeTranslation('title-connectors.own-pace') : getAlternativeTranslation('title-connectors.end')}
                       </Heading>
                     </>
                   )
@@ -639,7 +639,7 @@ function CoursePage({ data }) {
                 : (
 
                   <Text size="16px" color="currentColor" fontWeight={400}>
-                    {students.length > limitViewStudents ? t('students-enrolled-count', { count: students.length - limitViewStudents }) : ''}
+                    {students.length > limitViewStudents ? getAlternativeTranslation('students-enrolled-count', { count: students.length - limitViewStudents }) : ''}
                   </Text>
                 )}
             </Flex>
@@ -677,9 +677,9 @@ function CoursePage({ data }) {
           </Flex>
           <Flex flexDirection="column" gridColumn="9 / span 4" mt={{ base: '2rem', md: '0' }} ref={showBottomCTA}>
             <ShowOnSignUp
-              title={t('join-cohort')}
+              title={getAlternativeTranslation('join-cohort')}
               maxWidth="396px"
-              description={isAuthenticated ? t('join-cohort-description') : t('create-account-text')}
+              description={isAuthenticated ? getAlternativeTranslation('join-cohort-description') : getAlternativeTranslation('create-account-text')}
               borderColor={data.color || 'green.400'}
               textAlign="center"
               gridGap="11px"
@@ -720,7 +720,7 @@ function CoursePage({ data }) {
                         textTransform="uppercase"
                         onClick={() => joinCohort()}
                       >
-                        {t('join-cohort')}
+                        {getAlternativeTranslation('join-cohort')}
                       </Button>
                     ) : (
                       <>
@@ -734,7 +734,7 @@ function CoursePage({ data }) {
                           }}
                         >
                           {!featuredPlanToEnroll?.isFreeTier
-                            ? `${t('common:enroll-for-connector')} ${featurePrice}`
+                            ? `${getAlternativeTranslation('common:enroll-for-connector')} ${featurePrice}`
                             : capitalizeFirstLetter(featurePrice)}
                         </Button>
                         {payableList?.length > 0 && (
@@ -803,14 +803,14 @@ function CoursePage({ data }) {
         <GridContainer maxWidth="1280px" padding="0 10px" gridTemplateColumns="repeat(12, 1fr)" childrenStyle={{ display: 'flex', flexDirection: 'column', gridGap: '100px' }} withContainer gridColumn="1 / span 12">
           <Flex flexDirection="column">
             <OneColumnWithIcon
-              title={t('rigobot.title')}
+              title={getAlternativeTranslation('rigobot.title')}
               icon=""
               handleButton={() => tryRigobot('#try-rigobot')}
-              buttonText={t('rigobot.button')}
+              buttonText={getAlternativeTranslation('rigobot.button')}
               buttonProps={{ id: 'try-rigobot' }}
             >
               <Text size="14px" color="currentColor">
-                {t('rigobot.description')}
+                {getAlternativeTranslation('rigobot.description')}
               </Text>
             </OneColumnWithIcon>
           </Flex>
@@ -824,14 +824,14 @@ function CoursePage({ data }) {
           )}
           <Flex flexDirection="column" gridGap="16px">
             <Heading size="24px" lineHeight="normal" textAlign="center">
-              {t('build-connector.what-you-will')}
+              {getAlternativeTranslation('build-connector.what-you-will')}
               {' '}
               <Box as="span" color="blue.default">
-                {t('build-connector.build')}
+                {getAlternativeTranslation('build-connector.build')}
               </Box>
             </Heading>
             <Text size="18px" textAlign="center">
-              {t('build-connector.description')}
+              {getAlternativeTranslation('build-connector.description')}
             </Text>
             <Flex flexDirection={{ base: 'column', md: 'row' }} gridGap={{ base: '10px', md: '32px' }} mt="16px">
               {assignmentList?.length > 0 && assignmentList.slice(0, 3).map((item) => {
@@ -872,13 +872,13 @@ function CoursePage({ data }) {
               <Flex flexDirection="column" gridGap="4rem">
                 <Flex flexDirection="column" gridGap="1rem">
                   <Heading size="24px" textAlign="center">
-                    {t('why-learn-4geeks-connector.why-learn-with')}
+                    {getAlternativeTranslation('why-learn-4geeks-connector.why-learn-with')}
                     {' '}
                     <Box as="span" color="blue.default">4Geeks</Box>
                     ?
                   </Heading>
                   <Text size="18px" margin={{ base: 'auto', md: '0 8vw' }} textAlign="center" style={{ textWrap: 'balance' }}>
-                    {t('why-learn-4geeks-connector.benefits-connector')}
+                    {getAlternativeTranslation('why-learn-4geeks-connector.benefits-connector')}
                   </Text>
                 </Flex>
                 <Flex gridGap="2rem" flexDirection={{ base: 'column', md: 'row' }}>
@@ -927,11 +927,11 @@ function CoursePage({ data }) {
 
         <MktTwoColumnSideImage
           mt="6.25rem"
-          imageUrl={t('certificate.image')}
+          imageUrl={getAlternativeTranslation('certificate.image')}
           title={getAlternativeTranslation('certificate.title')}
-          description={t('certificate.description')}
+          description={getAlternativeTranslation('certificate.description')}
           informationSize="Medium"
-          buttonUrl={t('certificate.button-link')}
+          buttonUrl={getAlternativeTranslation('certificate.button-link')}
           buttonLabel={getAlternativeTranslation('certificate.button')}
           containerProps={{
             padding: '0px',
@@ -979,8 +979,8 @@ function CoursePage({ data }) {
             gridColumn1="1 / span 7"
             gridColumn2="8 / span 5"
             gridGap="3rem"
-            title={t('show-prices.title')}
-            description={t('show-prices.description')}
+            title={getAlternativeTranslation('show-prices.title')}
+            description={getAlternativeTranslation('show-prices.description')}
             plan={data?.plan_slug}
             cohortId={cohortId}
           />
@@ -988,8 +988,8 @@ function CoursePage({ data }) {
 
         <GridContainer padding="0 10px" maxWidth="1280px" width="100%" mt="6.25rem" withContainer childrenStyle={{ display: 'flex', flexDirection: 'column', gridGap: '100px' }} gridTemplateColumns="repeat(12, 1fr)" gridColumn="1 / 12 span">
           <MktTrustCards
-            title={t('why-learn-with-4geeks.title')}
-            description={t('why-learn-with-4geeks.description')}
+            title={getAlternativeTranslation('why-learn-with-4geeks.title')}
+            description={getAlternativeTranslation('why-learn-with-4geeks.description')}
           />
         </GridContainer>
         {/* FAQ section */}

From 3babb4370d32de7785195cc96c9542b1d3c5f2cb Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 15:29:23 -0400
Subject: [PATCH 4/6] Fix deployment issues

---
 src/pages/bootcamp/[course_slug].jsx | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/pages/bootcamp/[course_slug].jsx b/src/pages/bootcamp/[course_slug].jsx
index 648e35745..2e49568c5 100644
--- a/src/pages/bootcamp/[course_slug].jsx
+++ b/src/pages/bootcamp/[course_slug].jsx
@@ -260,19 +260,11 @@ function CoursePage({ data }) {
 
   const getAlternativeTranslation = (slug) => {
     const keys = slug.split('.');
-    let result = data?.course_translation?.landing_variables;
-
-    if (!result) return t(slug);
-  
-    for (const key of keys) {
-      if (result[key] !== undefined) {
-        result = result[key];
-      } else {
-        return t(slug); // Return the value from t() function if the slug doesn't exist in data.landing_variables
-      }
-    }
+    const result = keys.reduce((acc, key) => {
+      return acc && acc[key] !== undefined ? acc[key] : null;
+    }, data?.course_translation?.landing_variables);
   
-    return result;
+    return result !== null ? result : t(slug);
   };
 
   useEffect(() => {

From eaef7966466e7ca1210590bd7a77ba24f1e81b40 Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 15:39:10 -0400
Subject: [PATCH 5/6] Fix deployment issues

---
 src/pages/bootcamp/[course_slug].jsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pages/bootcamp/[course_slug].jsx b/src/pages/bootcamp/[course_slug].jsx
index 2e49568c5..913310338 100644
--- a/src/pages/bootcamp/[course_slug].jsx
+++ b/src/pages/bootcamp/[course_slug].jsx
@@ -260,10 +260,8 @@ function CoursePage({ data }) {
 
   const getAlternativeTranslation = (slug) => {
     const keys = slug.split('.');
-    const result = keys.reduce((acc, key) => {
-      return acc && acc[key] !== undefined ? acc[key] : null;
-    }, data?.course_translation?.landing_variables);
-  
+    const result = keys.reduce((acc, key) => acc && acc[key] !== undefined ? acc[key] : null, data?.course_translation?.landing_variables);
+
     return result !== null ? result : t(slug);
   };
 

From 8c70746cc068a02b470e2f877550ee41c331d4f2 Mon Sep 17 00:00:00 2001
From: Tomas Gonzalez <gonzalez.tomas@correo.unimet.edu.ve>
Date: Mon, 16 Dec 2024 15:44:32 -0400
Subject: [PATCH 6/6] Fix deployment issues

---
 src/pages/bootcamp/[course_slug].jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/bootcamp/[course_slug].jsx b/src/pages/bootcamp/[course_slug].jsx
index 913310338..fa29ca865 100644
--- a/src/pages/bootcamp/[course_slug].jsx
+++ b/src/pages/bootcamp/[course_slug].jsx
@@ -260,7 +260,10 @@ function CoursePage({ data }) {
 
   const getAlternativeTranslation = (slug) => {
     const keys = slug.split('.');
-    const result = keys.reduce((acc, key) => acc && acc[key] !== undefined ? acc[key] : null, data?.course_translation?.landing_variables);
+    const result = keys.reduce((acc, key) => {
+      if (acc && acc[key] !== undefined) return acc[key];
+      return null;
+    }, data?.course_translation?.landing_variables);
 
     return result !== null ? result : t(slug);
   };