+
+ )}
+
+
+ {course.title ? (
+
+
+ + {course.title || 'Loading course ..'} +
++ {course.title ? course.difficulty : 'Please wait ..'} +
+
+ {course.modules.map((courseModule, moduleIdx) => {
+ return (
+
+ ) : (
+
+
+ );
+ })}
+ + {courseModule.title} +
+
+ {courseModule.lessons.map((lesson, lessonIdx) => {
+ const key = `${slugify(courseModule.title)}__${slugify(lesson)}`;
+ const isCompleted =
+ aiCourseProgress?.done.includes(key);
+
+ return (
+
+ {
+ setActiveModuleIndex(moduleIdx);
+ setActiveLessonIndex(lessonIdx);
+ setExpandedModules((prev) => {
+ const newState: Record =
+ {};
+ course.modules.forEach((_, idx) => {
+ newState[idx] = false;
+ });
+ newState[moduleIdx] = true;
+ return newState;
+ });
+
+ setSidebarOpen(false);
+ setViewMode('module');
+ }}
+ >
+ {!isCompleted && (
+
+ {lessonIdx + 1}
+
+ )}
+
+ {isCompleted && (
+
+ );
+ })}
+ + {lesson.replace(/^Lesson\s*?\d+[\.:]\s*/, '')} +
+ + {isCompleted ? 'View' : 'Start'} → + +
+
+ )}
+