feat(viewmodel): add development mode handling in ChapterViewModel (#1612)

Author: Sembauke

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

@@ -70,6 +70,8 @@ class ChapterView extends StatelessWidget {
     ChapterViewModel model,
     BuildContext context,
   ) {
+    bool disabled = chapter.dashedName == 'frontend-libraries' && !model.isDev;
+
     return Container(
       padding: EdgeInsets.all(8),
       margin: EdgeInsets.symmetric(vertical: 8, horizontal: 8),
@@ -95,7 +97,8 @@ class ChapterView extends StatelessWidget {
                     ),
                   ),
                 ),
-                if (chapter.comingSoon != null && chapter.comingSoon == true)
+                if (chapter.comingSoon != null && chapter.comingSoon == true ||
+                    disabled)
                   Container(
                     margin: const EdgeInsets.all(8),
                     padding: const EdgeInsets.all(3),
@@ -108,7 +111,7 @@ class ChapterView extends StatelessWidget {
                     child: Text('Coming Soon'),
                   ),
                 for (Module module in chapter.modules as List<Module>)
-                  chapterButton(context, module, model)
+                  chapterButton(context, module, model, chapter)
               ],
             ),
           ),
@@ -121,8 +124,10 @@ class ChapterView extends StatelessWidget {
     BuildContext context,
     Module module,
     ChapterViewModel model,
+    Chapter chapter,
   ) {
-    if (module.comingSoon != null && module.comingSoon == true) {
+    bool disabled = chapter.dashedName == 'frontend-libraries' && !model.isDev;
+    if (module.comingSoon != null && module.comingSoon == true || disabled) {
       return Container();
     }
 

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

@@ -1,4 +1,5 @@
 import 'package:dio/dio.dart';
+import 'package:flutter_dotenv/flutter_dotenv.dart';
 import 'package:freecodecamp/app/app.locator.dart';
 import 'package:freecodecamp/app/app.router.dart';
 import 'package:freecodecamp/models/learn/completed_challenge_model.dart';
@@ -15,10 +16,19 @@ class ChapterViewModel extends BaseViewModel {
   final NavigationService _navigationService = locator<NavigationService>();
   final AuthenticationService auth = locator<AuthenticationService>();
 
+  bool _isDev = false;
+  bool get isDev => _isDev;
+
   Future<SuperBlock?>? superBlockFuture;
 
+  set setIsDev(bool value) {
+    _isDev = value;
+    notifyListeners();
+  }
+
   void init() async {
     superBlockFuture = requestChapters();
+    developmentMode();
   }
 
   Future<String> calculateProgress(Module module) async {
@@ -68,6 +78,11 @@ class ChapterViewModel extends BaseViewModel {
     return null;
   }
 
+  void developmentMode() async {
+    await dotenv.load();
+    setIsDev = dotenv.env['DEVELOPMENTMODE'] == 'TRUE';
+  }
+
   void routeToBlockView(
     List<Block> blocks,
     String moduleName,