feat: added visual diff for (un)completed lesson

SethCohen · Feb 16, 2023 · e872ffc · e872ffc
1 parent aa0bf7f
commit e872ffc
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 4 deletions.
diff --git a/src/lib/pages/lessons_page.dart b/src/lib/pages/lessons_page.dart
@@ -29,6 +29,14 @@ class _LessonsPageState extends State<LessonsPage> {
                   final lessons = snapshot1.data!.docs;
                   final progress = snapshot2.data!.docs;
 
+                  final progressCompletion = progress.map((element) {
+                    final data = element.data() as Map<String, dynamic>;
+                    return {
+                      'id': element.id,
+                      'complete': data['complete'],
+                    };
+                  }).toList();
+
                   return ListView.builder(
                     itemCount: lessons.length,
                     itemBuilder: (context, index) {
@@ -45,13 +53,16 @@ class _LessonsPageState extends State<LessonsPage> {
                             .set({"complete": false});
                       }
 
-                      // TODO if lesson is complete, change trailing icon color to green
                       // TODO is lesson is in progress, change trailing icon color to yellow
-                      // TODO if lesson is not complete, change trailing icon color to red
                       return Card(
                         child: ListTile(
                             title: Text(lessonTitle),
-                            trailing: const Icon(Icons.check),
+                            trailing: progressCompletion.firstWhere((element) =>
+                                    element['id'] == lessonId)['complete']
+                                ? const Icon(Icons.check_circle_outline,
+                                    color: Colors.green)
+                                : const Icon(Icons.check_circle_outline,
+                                    color: Colors.red),
                             onTap: () => Navigator.pushNamed(
                                   context,
                                   '/lesson',

diff --git a/src/lib/widgets/lesson.dart b/src/lib/widgets/lesson.dart
@@ -83,7 +83,27 @@ class _LessonState extends State<Lesson> {
   void _incrementCardIndex() {
     setState(() {
       if (_currentCardIndex == _cardsLength - 1) {
-        // TODO mark lesson as complete in database
+        final user = FirebaseAuth.instance.currentUser!;
+        final arguments = (ModalRoute.of(context)?.settings.arguments ??
+            <String, dynamic>{}) as Map;
+        final currentLesson = arguments['lesson'] as QueryDocumentSnapshot;
+        FirebaseFirestore.instance
+            .collection('users')
+            .doc(user.uid)
+            .collection('progress')
+            .doc(currentLesson.id)
+            .get()
+            .then((value) {
+          if (!value.data()!['complete']) {
+            FirebaseFirestore.instance
+                .collection('users')
+                .doc(user.uid)
+                .collection('progress')
+                .doc(currentLesson.id)
+                .update({'complete': true});
+          }
+        });
+
         Navigator.pop(context);
       } else {
         _currentCardIndex++;