feat: changes according the new db tables

Author: Markkos89

prisma/seed.ts

@@ -15,20 +15,22 @@ async function main() {
   //   },
   // });
   // console.log({ user });
-  // const lesson1 = await prisma.lessons.create({
+  // const newLesson = await prisma.lessons.create({
   //   data: {
-  //     quizFileName: "lesson-4-quiz.json",
+  //     quizFileName: "quiz-lesson-4.json",
   //   },
   // });
-  // console.log({ lesson1 });
-  const completed2 = await prisma.completedQuizzes.create({
-    data: {
-      userId: "cll3hcuim00001wujlay766tk",
-      lesson: "2",
-      completed: true,
-    },
-  });
-  console.log({ completed2 });
+  // console.log({ newLesson });
+  // const deletedCompletedLog = await prisma.completedQuizzes.deleteMany({});
+  // console.log({ deletedCompletedLog });
+  // const completed2 = await prisma.completedQuizzes.create({
+  //   data: {
+  //     userId: "cll3hcuim00001wujlay766tk",
+  //     lesson: "2",
+  //     completed: true,
+  //   },
+  // });
+  // console.log({ completed2 });
 }
 
 main()

src/components/mdx/Quiz.tsx

@@ -71,7 +71,6 @@ const Quiz = (props: QuizProps): JSX.Element => {
   };
 
   const selectAnswer = (answerIndex: number) => {
-    console.log("asdasd");
     const newAnswers: Answers = { ...answers };
 
     if (newAnswers[currentQuestionIndex]?.includes(answerIndex)) {
@@ -106,7 +105,7 @@ const Quiz = (props: QuizProps): JSX.Element => {
 
   const quizNotAnswered = () => {
     toast({
-      title: "!answers",
+      title: "Quiz not answered",
       description: "Please answer all the questions",
       status: "warning",
       duration: 9000,
@@ -124,6 +123,9 @@ const Quiz = (props: QuizProps): JSX.Element => {
     });
   };
 
+  // - Get All lessons to get the Id's
+  const { data: allLessons } = api.lessons.getAll.useQuery();
+
   // - Add
   const { mutate: quizzesAddMutate, isLoading: quizzesAddIsLoading } =
     api.completedQuizzes.add.useMutation({
@@ -133,9 +135,6 @@ const Quiz = (props: QuizProps): JSX.Element => {
     });
 
   const quizSuccessToast = () => {
-    // api.completedQuizzes.add.useMutation({
-    //   lesson: props.quiz,
-    // });
     toast({
       title: "Amazing!",
       description: "You have passed the lesson!",
@@ -173,8 +172,14 @@ const Quiz = (props: QuizProps): JSX.Element => {
 
     // return quizSuccessToast();
 
-    quizzesAddMutate({
-      lesson: props.quiz,
+    const lessonIdToSave = allLessons?.find(
+      (lesson) => lesson.quizFileName === `${props.quiz}.json`,
+    )?.id;
+
+    if (lessonIdToSave === undefined) return console.error("Lesson not found");
+
+    return quizzesAddMutate({
+      lesson: lessonIdToSave,
     });
   };
 

src/components/mdx/QuizStatusChecker.tsx

@@ -18,7 +18,11 @@ const QuizStatusChecker = ({ quiz }: QuizStatusCheckerTye) => {
   const { data: sessionData } = useSession();
 
   // Requests
-  // - All
+
+  // - Get All lessons to get the Id's
+  const { data: allLessons } = api.lessons.getAll.useQuery();
+
+  // - All completed
   const { data: completedQuizzesAllData } = api.completedQuizzes.all.useQuery(
     undefined, // no input
     {
@@ -28,26 +32,22 @@ const QuizStatusChecker = ({ quiz }: QuizStatusCheckerTye) => {
   );
 
   useMemo(() => {
-    if (completedQuizzesAllData?.length && fetchNow) {
-      const completedSlugs = completedQuizzesAllData.map((quiz) =>
-        quiz.lesson
-          .replace("quiz-lesson-", "")
-          .replace("lesson-", "")
-          .replace("-quiz", ""),
-      );
+    if (allLessons?.length && completedQuizzesAllData?.length && fetchNow) {
+      const completedIds = completedQuizzesAllData.map((quiz) => quiz.id);
+
+      const actualLessonId = allLessons?.find(
+        (lesson) => lesson.quizFileName === quiz,
+      )?.id;
 
-      const actualSlugNumber = quiz
-        .replace("quiz-lesson-", "")
-        .replace("lesson-", "")
-        .replace("-quiz", "");
+      if (actualLessonId === undefined) return;
 
-      if (completedSlugs.includes(actualSlugNumber)) {
+      if (completedIds.includes(actualLessonId)) {
         setQuizCompleted(true);
       }
 
       setFetchNow(false);
     }
-  }, [completedQuizzesAllData, fetchNow, quiz]);
+  }, [allLessons, completedQuizzesAllData, fetchNow, quiz]);
 
   if (completedQuizzesAllData === undefined) return null;
 

src/pages/lessons/projects/4.mdx

@@ -976,7 +976,7 @@ With TDD:
 
 <br />
 <br />
-<QuizStatusChecker quiz="lesson-4-quiz" />
+<QuizStatusChecker quiz="quiz-lesson-4" />
 <br />
 <br />
 

src/server/api/root.ts

@@ -2,6 +2,7 @@ import { createTRPCRouter } from "@/server/api/trpc";
 import { exampleRouter } from "@/server/api/routers/example";
 // import { todosRouter } from "@/server/api/routers/todos";
 import { completedQuizzesRouter } from "@/server/api/routers/completedquizzes";
+import { lessonsRouter } from "@/server/api/routers/lessons";
 
 /**
  * This is the primary router for your server.
@@ -10,7 +11,7 @@ import { completedQuizzesRouter } from "@/server/api/routers/completedquizzes";
  */
 export const appRouter = createTRPCRouter({
   example: exampleRouter,
-  // todos: todosRouter,
+  lessons: lessonsRouter,
   completedQuizzes: completedQuizzesRouter,
 });
 

src/server/api/routers/lessons.ts

@@ -0,0 +1,12 @@
+// Imports
+// ========================================================
+import { createTRPCRouter, protectedProcedure } from "@/server/api/trpc";
+
+// Router
+// ========================================================
+export const lessonsRouter = createTRPCRouter({
+  getAll: protectedProcedure.query(async ({ ctx }) => {
+    const lessons = await ctx.prisma.lessons.findMany();
+    return lessons;
+  }),
+});