Merge pull request #412 from topcoder-platform/TCA-658_module-status

TCA-658 - use module.status to show a module as completed -> dev

Author: vas3a

src-ts/tools/learn/learn-lib/course-outline/collapsible-item/CollapsibleItem.tsx

@@ -3,7 +3,12 @@ import { Dispatch, FC, ReactNode, SetStateAction, useCallback, useMemo, useState
 import { Link } from 'react-router-dom'
 
 import { IconOutline, IconSolid } from '../../../../../lib'
-import { LearnModule, LearnModuleProgress, LearnUserCertificationProgress } from '../../../learn-lib'
+import {
+    LearnModule,
+    LearnModuleProgress,
+    LearnModuleStatus,
+    LearnUserCertificationProgress
+} from '../../../learn-lib'
 import { StatusIcon } from '../status-icon'
 import { StepIcon } from '../step-icon'
 
@@ -40,15 +45,12 @@ const CollapsibleItem: FC<CollapsibleItemProps> = (props: CollapsibleItemProps)
         return props.progress?.find(m => m.module === props.moduleKey)
     }, [props.progress, props.moduleKey])
 
-    const isCompleted: boolean = useMemo(() => {
-        return !!progress && progress.lessonCount === progress?.completedLessons.length
-    }, [progress])
-
     const isPartial: boolean = useMemo(() => {
         return !!progress && !!progress.completedLessons.length
     }, [progress])
 
     const isItemCompleted: (key: string) => boolean = (key: string) => (
+        progress?.moduleStatus === LearnModuleStatus.completed ||
         !!progress?.completedLessons.find(l => l.dashedName === key)
     )
 
@@ -86,7 +88,7 @@ const CollapsibleItem: FC<CollapsibleItemProps> = (props: CollapsibleItemProps)
     return (
         <div className={classNames(styles['wrap'], isOpen ? 'is-open' : 'collapsed')}>
             <div className={styles['title-row']} onClick={toggle}>
-                <StatusIcon completed={isCompleted} partial={isPartial} />
+                <StatusIcon completed={progress?.moduleStatus === LearnModuleStatus.completed} partial={isPartial} />
                 <span className={styles['title']}>
                     {props.isAssessment && (
                         <div className={classNames(styles['title-tag'], 'label')}>

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications-functions/index.ts

@@ -1,5 +1,6 @@
 export * from './learn-user-certification-progress.model'
 export * from './learn-module-progress.model'
+export * from './learn-module-status.enum'
 export * from './user-certification-progress-status.enum'
 export * from './user-certification-update-progress-actions.enum'
 export {

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications-functions/learn-module-progress.model.ts

@@ -4,7 +4,6 @@ export interface LearnModuleProgress {
         dashedName: string
     }>
     completedPercentage: number
-    lessonCount: number
     module: string
     moduleStatus: string
 }

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications-functions/learn-module-status.enum.ts

@@ -0,0 +1,5 @@
+export enum LearnModuleStatus {
+    init = 'not-started',
+    inProgress = 'in-progress',
+    completed = 'completed',
+}