feat: make chapter navigation compatible with multiple chapter based superblocks (#1683)

* feat: make chapter navigation compatible with multiple chapter based superblocks

* feat: update ChapterView and related models to use superBlock names instead of chapterBasedSuperBlock

* Update mobile-app/lib/ui/views/learn/utils/learn_globals.dart

Co-authored-by: Huyen Nguyen <[email protected]>

---------

Co-authored-by: Huyen Nguyen <[email protected]>

Author: Sembauke

mobile-app/lib/app/app.router.dart

@@ -1,4 +1,4 @@
-const chapterBasedSuperBlocks = ['full-stack-developer'];
+import 'package:freecodecamp/ui/views/learn/utils/learn_globals.dart';
 
 enum SuperBlocks {
   respWebDesignV9('responsive-web-design-v9'),
@@ -320,7 +320,8 @@ class Chapter {
 
 enum ModuleType {
   review('review'),
-  exam('exam');
+  exam('exam'),
+  certProject('cert-project');
 
   static ModuleType fromValue(String value) {
     return ModuleType.values.firstWhere(

mobile-app/lib/models/learn/curriculum_model.dart

@@ -5,18 +5,28 @@ import 'package:freecodecamp/ui/views/learn/chapter/chapter_viewmodel.dart';
 import 'package:stacked/stacked.dart';
 
 class ChapterView extends StatelessWidget {
-  const ChapterView({super.key});
+  const ChapterView({
+    super.key,
+    required this.superBlockDashedName,
+    required this.superBlockName,
+  });
+
+  final String superBlockDashedName;
+  final String superBlockName;
 
   @override
   Widget build(BuildContext context) {
     return ViewModelBuilder<ChapterViewModel>.reactive(
       viewModelBuilder: () => ChapterViewModel(),
-      onViewModelReady: (model) => model.init(),
+      onViewModelReady: (model) => model.init(
+        superBlockDashedName,
+        superBlockName,
+      ),
       builder: (context, model, child) {
         return Scaffold(
           backgroundColor: FccColors.gray90,
           appBar: AppBar(
-            title: Text('Chapters'),
+            title: Text(superBlockName),
           ),
           body: StreamBuilder(
             stream: model.auth.progress.stream,

mobile-app/lib/ui/views/learn/chapter/chapter_view.dart

@@ -26,8 +26,8 @@ class ChapterViewModel extends BaseViewModel {
     notifyListeners();
   }
 
-  void init() async {
-    superBlockFuture = requestChapters();
+  void init(String superBlockDashedName, superBlockName) async {
+    superBlockFuture = requestChapters(superBlockDashedName, superBlockName);
     developmentMode();
   }
 
@@ -63,15 +63,18 @@ class ChapterViewModel extends BaseViewModel {
     return false;
   }
 
-  Future<SuperBlock?> requestChapters() async {
+  Future<SuperBlock?> requestChapters(
+      String superBlockDashedName, String superBlockName) async {
     String baseUrl = LearnService.baseUrl;
 
-    final Response res = await _dio.get('$baseUrl/full-stack-developer.json');
+    final Response res = await _dio.get(
+      '$baseUrl/$superBlockDashedName.json',
+    );
     if (res.statusCode == 200) {
       return SuperBlock.fromJson(
         res.data,
-        'full-stack-developer',
-        'Certified Full Stack Developer Curriculum',
+        superBlockDashedName,
+        superBlockName,
       );
     }
 

mobile-app/lib/ui/views/learn/chapter/chapter_viewmodel.dart

@@ -20,6 +20,7 @@ import 'package:freecodecamp/service/learn/daily_challenge_service.dart';
 import 'package:freecodecamp/service/learn/learn_offline_service.dart';
 import 'package:freecodecamp/service/learn/learn_service.dart';
 import 'package:freecodecamp/ui/views/learn/landing/landing_view.dart';
+import 'package:freecodecamp/ui/views/learn/utils/learn_globals.dart';
 import 'package:freecodecamp/ui/widgets/setup_dialog_ui.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:stacked/stacked.dart';
@@ -290,8 +291,14 @@ class LearnLandingViewModel extends BaseViewModel {
   }
 
   void routeToSuperBlock(String dashedName, String name) async {
-    if (dashedName == 'full-stack-developer') {
-      _navigationService.navigateTo(Routes.chapterView);
+    if (chapterBasedSuperBlocks.contains(dashedName)) {
+      _navigationService.navigateTo(
+        Routes.chapterView,
+        arguments: ChapterViewArguments(
+          superBlockDashedName: dashedName,
+          superBlockName: name,
+        ),
+      );
     } else {
       _navigationService.navigateTo(
         Routes.superBlockView,

mobile-app/lib/ui/views/learn/landing/landing_viewmodel.dart

@@ -100,7 +100,7 @@ class SuperBlockView extends StatelessWidget {
                   }
 
                   if (snapshot.hasError) {
-                    return Text(context.t.error);
+                    return Center(child: Text(context.t.error));
                   }
 
                   return const Center(

mobile-app/lib/ui/views/learn/superblock/superblock_view.dart

@@ -7,3 +7,9 @@ List<String> hasDialogue = [
   'a2-english-for-developers',
   'b1-english-for-developers',
 ];
+
+const chapterBasedSuperBlocks = [
+  'responsive-web-design-v9',
+  'javascript-v9',
+  'python-v9'
+];