feat: add slug parameter to NewsTutorialView and related navigation methods (#1652)

* feat: add slug parameter to NewsTutorialView and related navigation methods

* refactor: remove title parameter from NewsTutorialView and related navigation methods

Author: Sembauke

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

@@ -3,6 +3,7 @@ import 'package:freecodecamp/ui/views/news/widgets/tag_widget.dart';
 
 class Tutorial {
   final String id;
+  final String slug;
   final String title;
   final String? featureImage;
   final String? profileImage;
@@ -16,6 +17,7 @@ class Tutorial {
 
   Tutorial({
     required this.id,
+    required this.slug,
     required this.featureImage,
     required this.title,
     required this.profileImage,
@@ -56,6 +58,7 @@ class Tutorial {
       authorSlug: data['author']['username'],
       tagNames: returnTags(data['tags']),
       id: data['id'],
+      slug: data['slug'],
     );
   }
 
@@ -70,6 +73,7 @@ class Tutorial {
       authorSlug: returnSlug(data['author']['url']),
       tagNames: returnTags(data['tags']),
       id: data['objectID'],
+      slug: data['slug'],
     );
   }
 
@@ -93,6 +97,7 @@ class Tutorial {
       url: json['url'],
       text: json['content']['html'],
       featureImage: json['coverImage']['url'],
+      slug: json['slug'],
     );
   }
 }

mobile-app/lib/models/news/tutorial_model.dart

@@ -13,28 +13,29 @@ class AnalyticsObserver extends RouteObserver {
     String screenName = route.settings.name ?? 'could-not-find-view';
 
     if (route.settings.arguments != null) {
-      switch (route.settings.arguments.runtimeType) {
-        case SuperBlockViewArguments _:
+      String runtimeType = route.settings.arguments.runtimeType.toString();
+      switch (runtimeType) {
+        case 'SuperBlockViewArguments':
           final routeArgs = route.settings.arguments as SuperBlockViewArguments;
           screenName += '/${routeArgs.superBlockDashedName}';
           break;
-        case NewsTutorialViewArguments _:
+        case 'NewsTutorialViewArguments':
           final routeArgs =
               route.settings.arguments as NewsTutorialViewArguments;
-          screenName += '/${routeArgs.title}';
+          screenName += '/${routeArgs.slug}';
           break;
-        case NewsBookmarkTutorialViewArguments _:
+        case 'NewsBookmarkTutorialViewArguments':
           final routeArgs =
               route.settings.arguments as NewsBookmarkTutorialViewArguments;
           screenName += '/${routeArgs.tutorial.tutorialTitle}';
           break;
-        case ChallengeTemplateViewArguments _:
+        case 'ChallengeTemplateViewArguments':
           final routeArgs =
               route.settings.arguments as ChallengeTemplateViewArguments;
           screenName += '/${routeArgs.challengeId}';
           break;
         default:
-          screenName += '/${route.settings.arguments}';
+          screenName += '/could-not-find-view';
       }
     }
     log('Setting screen to $screenName');

mobile-app/lib/service/firebase/analytics_observer.dart

@@ -131,7 +131,7 @@ class NewsFeedView extends StatelessWidget {
       key: Key(tutorial.id),
       splashColor: Colors.transparent,
       onTap: () {
-        model.navigateTo(tutorial.id, tutorial.title);
+        model.navigateTo(tutorial.id, tutorial.slug);
       },
       child: Padding(
         padding: const EdgeInsets.only(bottom: 32.0),

mobile-app/lib/ui/views/news/news-feed/news_feed_view.dart

@@ -28,10 +28,10 @@ class NewsFeedViewModel extends BaseViewModel {
     );
   }
 
-  void navigateTo(String id, String title) {
+  void navigateTo(String id, String slug) {
     _navigationService.navigateTo(
       Routes.newsTutorialView,
-      arguments: NewsTutorialViewArguments(refId: id, title: title),
+      arguments: NewsTutorialViewArguments(refId: id, slug: slug),
     );
   }
 

mobile-app/lib/ui/views/news/news-feed/news_feed_viewmodel.dart

@@ -116,7 +116,7 @@ class NewsSearchView extends StatelessWidget {
                                   onTap: () => {
                                     model.navigateToTutorial(
                                         currentData[index]['objectID'],
-                                        currentData[index]['title']),
+                                        currentData[index]['slug']),
                                   },
                                 );
                               },

mobile-app/lib/ui/views/news/news-search/news_search_view.dart

@@ -81,12 +81,12 @@ class NewsSearchModel extends BaseViewModel {
   //   );
   // }
 
-  void navigateToTutorial(String id, String title) {
+  void navigateToTutorial(String id, String slug) {
     _navigationService.navigateTo(
       Routes.newsTutorialView,
       arguments: NewsTutorialViewArguments(
         refId: id,
-        title: title,
+        slug: slug,
       ),
     );
   }

mobile-app/lib/ui/views/news/news-search/news_search_viewmodel.dart

@@ -76,10 +76,10 @@ class NewsTutorialView extends StatelessWidget {
   const NewsTutorialView({
     super.key,
     required this.refId,
-    required this.title,
+    required this.slug,
   });
   final String refId;
-  final String? title;
+  final String slug;
 
   @override
   Widget build(BuildContext context) {

mobile-app/lib/ui/views/news/news-tutorial/news_tutorial_view.dart

@@ -37,9 +37,14 @@ class TutorialList extends StatefulWidget {
     return tutorials;
   }
 
-  void navigateToTutorial(String id, String title) {
-    _navigationService.navigateTo(Routes.newsTutorialView,
-        arguments: NewsTutorialViewArguments(refId: id, title: title));
+  void navigateToTutorial(String id, String slug) {
+    _navigationService.navigateTo(
+      Routes.newsTutorialView,
+      arguments: NewsTutorialViewArguments(
+        refId: id,
+        slug: slug,
+      ),
+    );
   }
 
   void navigateToFeed() {
@@ -151,7 +156,10 @@ class TileLayout extends StatelessWidget {
                     ),
             ),
             onTap: () {
-              widget.navigateToTutorial(tutorial.id, tutorial.title);
+              widget.navigateToTutorial(
+                tutorial.id,
+                tutorial.slug,
+              );
             },
           );
         },

mobile-app/lib/ui/views/news/widgets/tutorial_list_widget.dart

@@ -12,6 +12,7 @@ import '../../helpers/test_helpers.dart';
 
 final Tutorial testTutorial = Tutorial(
   id: '61fad67af2ed6b06db5ab66f',
+  slug: 'hello-world',
   featureImage:
       'https://www.freecodecamp.org/news/content/images/2022/01/python-game.png',
   title: