Add finished exercises message to DOJO exercises page

garageScript · Oct 3, 2022 · 2a10a33 · 2a10a33
1 parent 961e306
commit 2a10a33
Showing 1 changed file with 18 additions and 12 deletions.
diff --git a/pages/exercises/[lessonSlug].tsx b/pages/exercises/[lessonSlug].tsx
@@ -281,18 +281,24 @@ const ExerciseList = ({
           </div>
         )}
       </div>
-      <div className={styles.exerciseList__container}>
-        {exercises.map((exercise, i) => (
-          <ExercisePreviewCard
-            key={i}
-            moduleName={exercise.moduleName}
-            state={exercise.state}
-            problem={exercise.problem}
-          />
-        ))}
-        <div />
-        <div />
-      </div>
+      {exercises.length > 0 ? (
+        <div className={styles.exerciseList__container}>
+          {exercises.map((exercise, i) => (
+            <ExercisePreviewCard
+              key={i}
+              moduleName={exercise.moduleName}
+              state={exercise.state}
+              problem={exercise.problem}
+            />
+          ))}
+          <div />
+          <div />
+        </div>
+      ) : (
+        <p className="fs-5 text-center">
+          🎉 Congratulations! You finished all the exercises for this lesson! 🥳
+        </p>
+      )}
     </>
   )
 }