From 93ca68d98b7fde9a7fd44532493c810a42e4d97c Mon Sep 17 00:00:00 2001
From: Kiril Kartunov <kiril.kartunov@gmail.com>
Date: Thu, 2 Mar 2023 00:41:10 +0200
Subject: [PATCH] Fix properties of undefined (reading 'track')`

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

diff --git a/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx b/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
index c13bb6de5..f6d187121 100644
--- a/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
+++ b/src-ts/tools/learn/welcome/courses-card/CoursesCard.tsx
@@ -66,7 +66,7 @@ const CoursesCard: FC<CoursesCardProps> = (props: CoursesCardProps) => {
     return (
         <div className={classNames(styles.wrap, !courseEnabled && 'soon', isCompleted && styles.completed)}>
             <div className={styles.cardHeader}>
-                <CourseBadge type={props.certification.certificationCategory.track ?? 'DEV'} />
+                <CourseBadge type={props.certification.certificationCategory?.track ?? 'DEV'} />
                 <div className={styles.cardHeaderTitleWrap}>
                     <p className='body-medium-medium'>{clearFCCCertificationTitle(props.certification.title)}</p>
                     <div className={styles.subTitleWrap}>
@@ -91,7 +91,7 @@ const CoursesCard: FC<CoursesCardProps> = (props: CoursesCardProps) => {
                 {(isInProgress || isCompleted) && (
                     <ProgressBar
                         progress={(isCompleted ? 100 : (props.progress?.courseProgressPercentage ?? 0)) / 100}
-                        track={props.certification.certificationCategory.track}
+                        track={props.certification.certificationCategory?.track}
                     />
                 )}
                 {!isInProgress && !isCompleted && <div className={styles.cardHeaderDivider} />}