feat: refactor lessons table, relationship and related code issues

Author: Markkos89

prisma/schema.prisma

@@ -51,6 +51,7 @@ model CompletedQuizzes {
 
 model Lessons {
   id        String   @id @default(cuid())
-  lessonNumber Int   @unique @default(autoincrement())
+  projectLessonNumber Int?   @unique 
+  fundamentalLessonName String?
   quizFileName      String
 }

prisma/seed.ts

@@ -15,12 +15,14 @@ async function main() {
   //   },
   // });
   // console.log({ user });
-  // const newLesson = await prisma.lessons.create({
-  //   data: {
-  //     quizFileName: "quiz-lesson-4.json",
-  //   },
-  // });
-  // console.log({ newLesson });
+  const newLesson = await prisma.lessons.create({
+    data: {
+      quizFileName: "quiz-eth-intro-1.json",
+      projectLessonNumber: null,
+      fundamentalLessonName: "eth-intro-part-1",
+    },
+  });
+  console.log({ newLesson });
   // const deletedCompletedLog = await prisma.completedQuizzes.deleteMany({});
   // console.log({ deletedCompletedLog });
   // const completed2 = await prisma.completedQuizzes.create({
@@ -31,6 +33,14 @@ async function main() {
   //   },
   // });
   // console.log({ completed2 });
+  // const updateLesson2 = await prisma.lessons.update({
+  //   where: { id: "clm60bwug00001w43vws1c3iv" },
+  //   data: {
+  //     quizFileName: "quiz-lesson-2.json",
+  //     lessonNumber: 2,
+  //   },
+  // });
+  // console.log({ updateLesson2 });
 }
 
 main()

src/components/mdx/QuizStatusChecker.tsx

@@ -19,7 +19,6 @@ const QuizStatusChecker = ({ quiz }: QuizStatusCheckerTye) => {
   const { completedQuizzesIds, allLessonsData } = useAppContext();
 
   // Requests
-
   useMemo(() => {
     if (allLessonsData?.length && completedQuizzesIds?.length) {
       const actualLessonId: string = allLessonsData?.find(

src/contexts/AppContextProvider.tsx

@@ -102,7 +102,8 @@ export function AppContextProvider({ children }: IProps) {
       const projectsWithCompleteStatus = projects.map((lesson) => {
         const currentLessonId = allLessonsData.find(
           (lessonData) =>
-            lessonData.lessonNumber.toString() === lesson.slug.toString(), // DEV_NOTE: forcing .toString() to avoid type errors
+            lessonData.projectLessonNumber?.toString() ===
+            lesson.slug.toString(), // DEV_NOTE: forcing .toString() to avoid type errors
         )?.id;
 
         const completed = currentLessonId
@@ -121,6 +122,35 @@ export function AppContextProvider({ children }: IProps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [completedQuizzesIds]);
 
+  useEffect(() => {
+    if (allLessonsData && fundamentals && completedQuizzesIds.length !== 0) {
+      const fundamentalsWithCompleteStatus = fundamentals.map((lesson) => {
+        const currentLessonId = allLessonsData.find(
+          (lessonData) =>
+            lessonData.fundamentalLessonName?.toString() ===
+            lesson.slug.toString(), // DEV_NOTE: forcing .toString() to avoid type errors
+        )?.id;
+
+        const completed = currentLessonId
+          ? completedQuizzesIds.includes(currentLessonId)
+          : false; // DEV_NOTE: if the lesson is not found, it is not completed
+        return { ...lesson, completed };
+      });
+
+      setFundamentals(fundamentalsWithCompleteStatus);
+    } else if (
+      allLessonsData &&
+      fundamentals &&
+      completedQuizzesIds.length === 0
+    ) {
+      const fundamentalsWithCompleteStatus = fundamentals.map((lesson) => {
+        return { ...lesson, completed: false };
+      });
+      setFundamentals(fundamentalsWithCompleteStatus);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [completedQuizzesIds]);
+
   return (
     <AppContext.Provider
       value={{

src/pages/lessons/fundamentals/cli_lesson.mdx

@@ -11,8 +11,8 @@ import { LessonHeader } from "../../../components/mdx/LessonHeader";
 import Layout from "../../../components/Layout";
 
 <Layout
-    title="Dapp Page" 
-    description="A page for your dapp." 
+    title="Getting Started with the command line interface" 
+    description="Learn the basics of using a console/terminal/shell for Ubuntu, Mac and Windows WSL." 
 >
 <LessonHeader title="Navigating in a CLI for beginners" />
 

src/pages/lessons/fundamentals/code-editors.mdx

@@ -10,8 +10,8 @@ import { LessonHeader } from "../../../components/mdx/LessonHeader";
 import Layout from "../../../components/Layout";
 
 <Layout
-    title="Dapp Page" 
-    description="A page for your dapp." 
+    title="Code Editors (IDEs)" 
+    description="Popular Code Editors (IDEs)" 
 >
 <LessonHeader title="Code Editors (IDEs)" />
 

src/pages/lessons/fundamentals/connect-with-rpc.mdx

@@ -9,8 +9,8 @@ import { LessonHeader } from "../../../components/mdx/LessonHeader";
 import Layout from "../../../components/Layout";
 
 <Layout
-    title="Dapp Page" 
-    description="A page for your dapp." 
+    title="Connect with RPC mini-lesson" 
+    description="Connecting to Networks via RPC." 
 >
 <LessonHeader title="Connecting to a Network via RPC" />
 

src/pages/lessons/fundamentals/decentralized-storage.mdx

@@ -9,8 +9,8 @@ import { LessonHeader } from "../../../components/mdx/LessonHeader";
 import Layout from "../../../components/Layout";
 
 <Layout
-    title="Dapp Page" 
-    description="A page for your dapp." 
+    title="Decentralized Storage" 
+    description="Overview on decentralized storage protocols." 
 >
 <LessonHeader title="Decentralized Storage with Arweave and IPFS/Filecoin" />