Merge branch 'feat/ai-roadmap' of github.com:kamranahmedse/developer-roadmap into feat/ai-roadmap

src/components/GenerateCourse/AICourseContent.tsx

@@ -334,12 +334,16 @@ export function AICourseContent(props: AICourseContentProps) {
                 ></span>
 
                 {viewMode === 'module' && (
-                  <AIRoadmapViewSwitch
-                    viewMode={viewMode}
-                    setViewMode={setViewMode}
-                    isLoading={isLoading}
-                    variant="icon"
-                  />
+                  <button
+                    onClick={() => {
+                      setExpandedModules({});
+                      setViewMode('outline');
+                    }}
+                    className="flex items-center gap-1 rounded-md bg-gray-200 px-2.5 py-1.5 text-xs transition-colors hover:bg-gray-300"
+                  >
+                    <BookOpenCheck size={14} />
+                    View Outline
+                  </button>
                 )}
 
                 {viewMode !== 'module' && (

src/components/GenerateCourse/AICourseRoadmapView.tsx

@@ -108,6 +108,17 @@ export function AICourseRoadmapView(props: AICourseRoadmapViewProps) {
           done.forEach((id) => {
             renderTopicProgress(id, 'done');
           });
+
+          const modules = roadmap.filter((item) => item.type === 'topic');
+          for (const module of modules) {
+            const moduleId = module.id;
+            const isAllLessonsDone =
+              module?.children?.every((child) => done.includes(child.id)) ??
+              false;
+            if (isAllLessonsDone) {
+              renderTopicProgress(moduleId, 'done');
+            }
+          }
         },
       });
     } catch (error) {