Revert "feat: in progress quizzes (#8)"

This reverts commit 55d4f1e.

Author: Makhare01

src/api/answer/answer.api.ts

@@ -34,31 +34,15 @@ export const startQuiz = async ({
 };
 
 export type GetUserAnswerInput = {
-  answerId?: string;
-  answersUser?: {
-    userId: string;
-    questionsId: string;
-  };
+  answerId: string;
 };
 
-export const getUserAnswers = async ({
-  answerId,
-  answersUser,
-}: GetUserAnswerInput) => {
-  const query = new URLSearchParams();
-
-  if (answerId) {
-    query.set("answerId", answerId);
-  }
-
-  if (answersUser) {
-    query.set("userId", answersUser.userId);
-    query.set("questionsId", answersUser.questionsId);
-  }
-
-  return await request("/api/answer/details").get(
+export const getUserAnswers = async ({ answerId }: GetUserAnswerInput) => {
+  return await request("/api/answer/:answerId").get(
     {
-      query,
+      params: {
+        answerId,
+      },
     },
     TUserAnswer
   );

src/api/answer/answer.schema.ts

@@ -13,23 +13,16 @@ export const TQuestionAnswer = z.object({
 export type QuestionAnswer = z.infer<typeof TQuestionAnswer>;
 
 const TAnswer = z.object({
-  _id: z.string(),
   questionId: z.string(),
-  question: z.string(),
-  answerType: TAnswerTypes,
   order: z.number(),
   questionAnswer: TQuestionAnswer,
 });
 
 export const TUserAnswer = z.object({
   _id: z.string(),
-  quizId: z.string(),
-  user: z.object({
-    userId: z.string().optional(),
-    username: z.string(),
-    email: z.string(),
-  }),
-  questionsCount: z.number(),
+  userId: z.string().optional(),
+  email: z.string(),
+  username: z.string(),
   questionsId: z.string(),
   answers: z.array(TAnswer),
 });

src/api/query-keys.ts

@@ -32,7 +32,6 @@ export const qk = buildModuleCacheKey({
     publicQuizzes: (input: GetPublicQuizzesInput) => [input],
     myQuizzes: null,
     quizQuestion: (input: GetQuizQuestionInput) => [input],
-    inProgress: null,
   },
   answer: {
     getUserAnswer: (input: GetUserAnswerInput) => [input],

src/api/quiz/quiz.api.ts

@@ -2,7 +2,6 @@ import { request } from "@lib/request";
 import { QuizFormValues } from "@pages/create-quiz/components";
 import {
   QuizStatus,
-  TInProgressQuizzes,
   TPublicQuiz,
   TPublicQuizzes,
   TQuiz,
@@ -127,10 +126,3 @@ export const getPublicQuizDetails = async ({
 export const getMyQuizzes = async () => {
   return await request("/api/my-quizzes").get({}, TQuizzes);
 };
-
-export const getQuizzesInProgress = async () => {
-  return await request("/api/my-quizzes/in-progress").get(
-    {},
-    TInProgressQuizzes
-  );
-};

src/api/quiz/quiz.schema.ts

@@ -1,4 +1,3 @@
-import { TUserAnswer } from "@api/answer";
 import { z } from "zod";
 
 export const TVisibilityOptions = z.union([
@@ -78,16 +77,3 @@ export const TPublicQuiz = z.object({
 export type PublicQuiz = z.infer<typeof TPublicQuiz>;
 
 export const TPublicQuizzes = z.array(TPublicQuiz);
-
-const TInProgressQuiz = z.intersection(
-  TUserAnswer,
-  z.object({
-    answerId: z.string(),
-    quizName: z.string().optional(),
-    category: TQuizCategoryOptions,
-  })
-);
-
-export const TInProgressQuizzes = z.array(TInProgressQuiz);
-
-export type InProgressQuiz = z.infer<typeof TInProgressQuiz>;

src/app/assets/icons/check.tsx

@@ -3,7 +3,7 @@ import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
 export const IconCheck = ({ ...props }: SvgIconProps) => {
   return (
     <SvgIcon {...props} viewBox="0 0 24 24">
-      <g clipPath="url(#clip0_91_2)">
+      <g clip-path="url(#clip0_91_2)">
         <path
           fillRule="evenodd"
           clipRule="evenodd"

src/app/assets/icons/quiz-categories/geography.tsx

@@ -3,7 +3,7 @@ import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
 export const IconCategoryGeography = ({ ...props }: SvgIconProps) => {
   return (
     <SvgIcon {...props} viewBox="0 0 24 24">
-      <g clipPath="url(#clip0_67_24)">
+      <g clip-path="url(#clip0_67_24)">
         <path
           fillRule="evenodd"
           clipRule="evenodd"

src/app/ui/linear-progress.tsx

@@ -15,7 +15,7 @@ export const LinearProgress = ({ label, ...props }: Props) => {
   const theme = useTheme();
   return (
     <Box sx={{ display: "flex", alignItems: "center", width: 1 }}>
-      <Box sx={{ width: "100%" }}>
+      <Box sx={{ width: "100%", mr: 1 }}>
         <MuiLinearProgress
           variant="determinate"
           {...props}
@@ -33,7 +33,7 @@ export const LinearProgress = ({ label, ...props }: Props) => {
           }}
         />
       </Box>
-      {label && <Box sx={{ minWidth: 35, ml: 2 }}>{label}</Box>}
+      <Box sx={{ minWidth: 35, ml: 2 }}>{label}</Box>
     </Box>
   );
 };

src/components/quiz-card/in-progress-quiz-card.tsx

@@ -1,3 +1,2 @@
-export { InProgressQuizCard } from "./in-progress-quiz-card";
 export { PublicQuizCard } from "./public-quiz-card";
 export { QuizCard } from "./quiz-card";