feat: saving completed quizzess records in db

Author: Markkos89

prisma/schema.prisma

@@ -38,13 +38,24 @@ model Account {
 }
 
 model User {
-  id            String    @id @default(cuid())
-  name          String?
-  address       String?   @unique
-  email         String?   @unique
-  emailVerified DateTime?
-  image         String?
-  createdAt     DateTime  @default(now())
-  accounts      Account[]
-  Todo          Todo[]
+  id               String             @id @default(cuid())
+  name             String?
+  address          String?            @unique
+  email            String?            @unique
+  emailVerified    DateTime?
+  image            String?
+  createdAt        DateTime           @default(now())
+  accounts         Account[]
+  Todo             Todo[]
+  CompletedQuizzes CompletedQuizzes[]
+}
+
+model CompletedQuizzes {
+  id        String   @id @default(cuid())
+  lesson    String
+  userId    String
+  completed Boolean  @default(false)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
 }

src/components/mdx/Quiz.tsx

@@ -18,6 +18,7 @@ import {
   getCorrectAnswersIndexes,
   haveSameElements,
 } from "@/utils/QuizHelpers";
+import { api } from "@/utils/api";
 
 interface QuizProps {
   quiz: string;
@@ -123,7 +124,18 @@ const Quiz = (props: QuizProps): JSX.Element => {
     });
   };
 
+  // - Add
+  const { mutate: quizzesAddMutate, isLoading: quizzesAddIsLoading } =
+    api.completedQuizzes.add.useMutation({
+      onSuccess: () => {
+        return quizSuccessToast();
+      },
+    });
+
   const quizSuccessToast = () => {
+    // api.completedQuizzes.add.useMutation({
+    //   lesson: props.quiz,
+    // });
     toast({
       title: "Amazing!",
       description: "You have passed the lesson!",
@@ -159,7 +171,11 @@ const Quiz = (props: QuizProps): JSX.Element => {
       return quizFailedToast(wrongAnswersCounter);
     }
 
-    return quizSuccessToast();
+    // return quizSuccessToast();
+
+    quizzesAddMutate({
+      lesson: props.quiz,
+    });
   };
 
   const cancelQuiz = () => {
@@ -254,6 +270,7 @@ const Quiz = (props: QuizProps): JSX.Element => {
               colorScheme="green"
               backgroundColor="green.400"
               onClick={submit}
+              isLoading={quizzesAddIsLoading}
             >
               Submit
             </Button>

src/server/api/root.ts

@@ -1,6 +1,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";
 
 /**
  * This is the primary router for your server.
@@ -10,6 +11,7 @@ import { todosRouter } from "@/server/api/routers/todos";
 export const appRouter = createTRPCRouter({
   example: exampleRouter,
   todos: todosRouter,
+  completedQuizzes: completedQuizzesRouter,
 });
 
 // export type definition of API

src/server/api/routers/completedquizzes.ts

@@ -0,0 +1,23 @@
+// Imports
+// ========================================================
+import { z } from "zod";
+import { createTRPCRouter, protectedProcedure } from "@/server/api/trpc";
+
+// Router
+// ========================================================
+export const completedQuizzesRouter = createTRPCRouter({
+  /**
+   * Add completed Quizz belonging to the session user
+   */
+  add: protectedProcedure
+    .input(z.object({ lesson: z.string() }))
+    .mutation(async ({ input, ctx }) => {
+      return await ctx.prisma.completedQuizzes.create({
+        data: {
+          lesson: input.lesson,
+          userId: ctx.session.user.id,
+          completed: true,
+        },
+      });
+    }),
+});