From 6273964804f3641199ce14eed46738843ec37b8c Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 22:06:44 +0200
Subject: [PATCH 1/6] TCA-1080 - update vertical height variables

---
 src-ts/lib/styles/_layout.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src-ts/lib/styles/_layout.scss b/src-ts/lib/styles/_layout.scss
index 55dcfcc67..b92b8168e 100644
--- a/src-ts/lib/styles/_layout.scss
+++ b/src-ts/lib/styles/_layout.scss
@@ -2,18 +2,16 @@
 @import 'mixins';
 
 html {
-    --header-height: 80px;
-    --footer-height: 51px;
+    --header-height: 60px;
+    --footer-height: 96px;
     --breadcrumb-height: 64px;
 
-    @include ltemd {
-        --header-height: 64px;
-        --breadcrumb-height: 48px;
+    @media (max-width: 767px) {
+        --header-height: 48px;
     }
 
-    @include ltesm {
-        --header-height: 48px;
-        --footer-height: 101px;
+    @include ltemd {
+        --breadcrumb-height: 48px;
     }
 }
 

From bd815002f956adc78dc3abede5df32ce77d1dfbd Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 22:09:10 +0200
Subject: [PATCH 2/6] TCA-1068 - update enrollment btn label

---
 .../enrollment-sidebar/EnrollmentSidebar.tsx               | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src-ts/tools/learn/certification-details/enrollment-page/enrollment-sidebar/EnrollmentSidebar.tsx b/src-ts/tools/learn/certification-details/enrollment-page/enrollment-sidebar/EnrollmentSidebar.tsx
index 0b5ea6398..00a2126cb 100644
--- a/src-ts/tools/learn/certification-details/enrollment-page/enrollment-sidebar/EnrollmentSidebar.tsx
+++ b/src-ts/tools/learn/certification-details/enrollment-page/enrollment-sidebar/EnrollmentSidebar.tsx
@@ -24,7 +24,12 @@ const EnrollmentSidebar: FC<EnrollmentSidebarProps> = (props: EnrollmentSidebarP
                     Enroll until April 30 with no cost.
                 </div>
             </div>
-            <Button buttonStyle='primary' onClick={props.onEnroll} label='Enroll Now' size='lg' />
+            <Button
+                buttonStyle='primary'
+                onClick={props.onEnroll}
+                label='Complete Enrollment'
+                size='lg'
+            />
             {/* TODO: this form will probably be re-used when we add actuall payments, leaving this here for now */}
             {/* <EnrollmentForm profile={props.profile} onSubmit={props.onEnroll}>
             </EnrollmentForm> */}

From 3fad7bb7f5a8383bf41edb1f49b587881a1641f7 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 22:19:22 +0200
Subject: [PATCH 3/6] TCA-1072 - fix tca certification certificate's bg

---
 .../tca-certificate/TCACertificate.module.scss                | 4 ++--
 .../tca-certificate/certificate-background/certificate-bg.svg | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.module.scss b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.module.scss
index 2d5350d44..309049479 100644
--- a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.module.scss
+++ b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/TCACertificate.module.scss
@@ -11,8 +11,8 @@
     position: absolute;
     top: 0;
     left: 0;
-    right: 0;
-    bottom: 0;
+    width: 100%;
+    height: 100%;
     z-index: -1;
 }
 
diff --git a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/certificate-background/certificate-bg.svg b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/certificate-background/certificate-bg.svg
index 4f04ce340..4c3fb3f41 100644
--- a/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/certificate-background/certificate-bg.svg
+++ b/src-ts/tools/learn/learn-lib/tca-certificate-preview/tca-certificate/certificate-background/certificate-bg.svg
@@ -1,4 +1,4 @@
-<svg width="880" height="700" viewBox="0 0 880 700" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="880" height="700" viewBox="0 0 880 700" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
     <path d="M0 175.472C235.315 186.987 456.709 251.637 652.498 357.708C566.53 461.196 493.852 576.171 437.091 700H178.338L0 521.509V175.472Z" fill="#F4F4F4"/>
     <path d="M539.131 700C588.643 591.984 650.267 490.704 722.259 397.91C777.207 431.528 829.883 468.512 880 508.576V700H539.131Z" fill="#F4F4F4"/>
     <path d="M880 389.422C847.571 367.607 814.267 347 780.15 327.663C811.808 291.476 845.131 256.79 880 223.725V389.422Z" fill="#F4F4F4"/>
@@ -31,4 +31,4 @@
             <stop offset="1" stop-color="#8C384D"/>
         </linearGradient>
     </defs>
-</svg>
\ No newline at end of file
+</svg>

From 0bd6e6a615179f127551760a4cacf7dda770c655 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 22:52:21 +0200
Subject: [PATCH 4/6] TCA-1048 - clear text on course card on homepage

---
 src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx b/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
index c3247be0e..a5feab4da 100644
--- a/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
+++ b/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
@@ -3,6 +3,7 @@ import classNames from 'classnames'
 
 import { Button, FccLogoBlackSvg, IconSolid, ProgressBar } from '../../../../lib'
 import {
+    clearFCCCertificationTitle,
     CompletionTimeRange,
     CourseBadge,
     LearnCertification,
@@ -67,7 +68,7 @@ const CoursesCard: FC<CoursesCardProps> = (props: CoursesCardProps) => {
             <div className={styles.cardHeader}>
                 <CourseBadge type={props.certification.certificationCategory.track ?? 'DEV'} />
                 <div className={styles.cardHeaderTitleWrap}>
-                    <p className='body-medium-medium'>{props.certification.title}</p>
+                    <p className='body-medium-medium'>{clearFCCCertificationTitle(props.certification.title)}</p>
                     <div className={styles.subTitleWrap}>
                         <LearnLevelIcon level={props.certification.learnerLevel} />
                         <span className={classNames('body-small', styles.infoText)}>

From 43b6f5191885d18100dfde7420fa9f42e0896d1f Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 22:55:00 +0200
Subject: [PATCH 5/6] fix apostrophe escape on course details page

---
 src-ts/tools/learn/course-details/CourseDetailsPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-ts/tools/learn/course-details/CourseDetailsPage.tsx b/src-ts/tools/learn/course-details/CourseDetailsPage.tsx
index 5f4eff56e..1cbe919c0 100644
--- a/src-ts/tools/learn/course-details/CourseDetailsPage.tsx
+++ b/src-ts/tools/learn/course-details/CourseDetailsPage.tsx
@@ -93,7 +93,7 @@ const CourseDetailsPage: FC<{}> = () => {
                             {' '}
                             {course.title}
                             ,
-                            we&appos;d recommend you enroll in another course to continue your learning.
+                            we&apos;d recommend you enroll in another course to continue your learning.
                             You can view our other courses from the Topcoder Academy course page.
                         </p>
                     </div>

From b6ba817c35427807fbeed97600c57e7269a82a36 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Fri, 24 Feb 2023 23:04:51 +0200
Subject: [PATCH 6/6] TCA-1013 - show actual modules count & estimated time on
 course cards in cert details page

---
 .../curriculum-cards/course-card/CourseCard.tsx            | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src-ts/tools/learn/certification-details/certification-curriculum/curriculum-cards/course-card/CourseCard.tsx b/src-ts/tools/learn/certification-details/certification-curriculum/curriculum-cards/course-card/CourseCard.tsx
index da649cf79..4d191884b 100644
--- a/src-ts/tools/learn/certification-details/certification-curriculum/curriculum-cards/course-card/CourseCard.tsx
+++ b/src-ts/tools/learn/certification-details/certification-curriculum/curriculum-cards/course-card/CourseCard.tsx
@@ -86,7 +86,7 @@ const CourseCard: FC<CourseCardProps> = (props: CourseCardProps) => {
     }
 
     const completionTimeRange: TCACertificationCompletionTimeRange = useHoursEstimateToRange(
-        props.certification.completionHours,
+        props.certification.course.estimatedCompletionTimeValue,
     )
 
     return (
@@ -108,7 +108,10 @@ const CourseCard: FC<CourseCardProps> = (props: CourseCardProps) => {
                             <span className={styles.icon}>
                                 <IconSolid.DocumentTextIcon />
                             </span>
-                            <span className='quote-small'>4 modules</span>
+                            <span className='quote-small'>
+                                {props.certification.course.modules.length}
+                                {' modules'}
+                            </span>
                         </li>
                         <li className={styles.stat}>
                             <span className={styles.icon}>