Updated the Writing exercise to have the evaluation in the user solutions instead of the exercise itself

src/components/Exercises/Writing.tsx

@@ -107,7 +107,7 @@ export default function Writing({id, prompt, info, type, wordCounter, attachment
 				<Button
 					color="green"
 					disabled={!isSubmitEnabled}
-					onClick={() => onNext({exercise: id, solutions: [inputText], score: {correct: 1, total: 1, missing: 0}, type})}
+					onClick={() => onNext({exercise: id, solutions: [{id, solution: inputText}], score: {correct: 1, total: 1, missing: 0}, type})}
 					className="max-w-[200px] self-end w-full">
 					Next
 				</Button>

src/components/Solutions/Writing.tsx

@@ -10,7 +10,7 @@ import {toast} from "react-toastify";
 import Button from "../Low/Button";
 import {Dialog, Transition} from "@headlessui/react";
 
-export default function Writing({id, prompt, info, evaluation, attachment, userSolutions, onNext, onBack}: WritingExercise & CommonProps) {
+export default function Writing({id, prompt, info, attachment, userSolutions, onNext, onBack}: WritingExercise & CommonProps) {
 	const [isModalOpen, setIsModalOpen] = useState(false);
 
 	return (
@@ -74,20 +74,24 @@ export default function Writing({id, prompt, info, evaluation, attachment, userS
 								className="w-full h-full min-h-[320px] cursor-text px-7 py-8 input border-2 border-mti-gray-platinum bg-white rounded-3xl"
 								contentEditable={false}
 								readOnly
-								value={userSolutions[0] as any}
+								value={userSolutions[0]!.solution}
 							/>
 						</div>
 					)}
-					<div className="flex flex-col gap-4 w-full">
+					{userSolutions && userSolutions.length > 0 && (
-						<div className="flex gap-4 px-1">
+						<div className="flex flex-col gap-4 w-full">
-							{Object.keys(evaluation!.task_response).map((key) => (
+							<div className="flex gap-4 px-1">
-								<div className="bg-ielts-writing text-ielts-writing-light rounded-xl px-4 py-2" key={key}>
+								{Object.keys(userSolutions[0].evaluation!.task_response).map((key) => (
-									{key}: Level {evaluation!.task_response[key]}
+									<div className="bg-ielts-writing text-ielts-writing-light rounded-xl px-4 py-2" key={key}>
-								</div>
+										{key}: Level {userSolutions[0].evaluation!.task_response[key]}
-							))}
+									</div>
+								))}
+							</div>
+							<div className="w-full h-full min-h-fit cursor-text px-7 py-8 bg-mti-gray-smoke rounded-3xl">
+								{userSolutions[0].evaluation!.comment}
+							</div>
 						</div>
-						<div className="w-full h-full min-h-fit cursor-text px-7 py-8 bg-mti-gray-smoke rounded-3xl">{evaluation!.comment}</div>
+					)}
-					</div>
 				</div>
 			</div>
 

src/interfaces/exam.ts

@@ -89,6 +89,7 @@ export interface WritingExercise {
 	userSolutions: {
 		id: string;
 		solution: string;
+		evaluation?: WritingEvaluation;
 	}[];
 }
 

src/pages/api/stats/index.ts

@@ -40,6 +40,8 @@ async function post(req: NextApiRequest, res: NextApiResponse) {
 		return;
 	}
 
+	console.log("HERE");
+
 	const stats = req.body as Stat[];
 	await stats.forEach(async (stat) => await addDoc(collection(db, "stats"), stat));
 

src/pages/exam.tsx

@@ -82,23 +82,23 @@ export default function Page() {
 	}, [selectedModules, setExams, exams]);
 
 	useEffect(() => {
-		(async () => {
+		if (selectedModules.length > 0 && exams.length !== 0 && moduleIndex >= selectedModules.length && !hasBeenUploaded) {
-			if (selectedModules.length > 0 && exams.length === 0 && moduleIndex >= selectedModules.length && !hasBeenUploaded) {
+			const newStats: Stat[] = userSolutions.map((solution) => ({
-				const newStats: Stat[] = userSolutions.map((solution) => ({
+				...solution,
-					...solution,
+				session: sessionId,
-					session: sessionId,
+				exam: solution.exam!,
-					exam: solution.exam!,
+				module: solution.module!,
-					module: solution.module!,
+				user: user?.id || "",
-					user: user?.id || "",
+				date: new Date().getTime(),
-					date: new Date().getTime(),
+			}));
-				}));
 
-				axios
+			console.log("GOING TO SAVE");
-					.post<{ok: boolean}>("/api/stats", newStats)
+
-					.then((response) => setHasBeenUploaded(response.data.ok))
+			axios
-					.catch(() => setHasBeenUploaded(false));
+				.post<{ok: boolean}>("/api/stats", newStats)
-			}
+				.then((response) => setHasBeenUploaded(response.data.ok))
-		})();
+				.catch(() => setHasBeenUploaded(false));
+		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [selectedModules, moduleIndex, hasBeenUploaded]);
 
@@ -123,21 +123,20 @@ export default function Page() {
 		}
 	};
 
-	const evaluateWritingAnswer = async (examId: string, exerciseId: string, answer: string) => {
+	const evaluateWritingAnswer = async (examId: string, exerciseId: string, solution: UserSolution) => {
 		const writingExam = exams.find((x) => x.id === examId)!;
 		const exercise = writingExam.exercises.find((x) => x.id === exerciseId)! as WritingExercise;
 
 		const response = await axios.post("/api/exam/writing/evaluate", {
 			question: `${exercise.prompt} ${exercise.attachment ? exercise.attachment.description : ""}`.replaceAll("\n", ""),
-			answer: answer.trim().replaceAll("\n", " "),
+			answer: solution.solutions[0].solution.trim().replaceAll("\n", " "),
 		});
 
 		if (response.status === 200) {
-			writingExam.exercises = [
+			setUserSolutions([
-				...writingExam.exercises.filter((x) => x.id !== exerciseId),
+				...userSolutions.filter((x) => x.exercise !== exerciseId),
-				Object.assign(exercise, {evaluation: response.data}),
+				{...solution, solutions: [{id: exerciseId, solution: solution.solutions[0].solution, evaluation: response.data}]},
-			];
+			]);
-			setExams([...exams.filter((x) => x.id !== examId), writingExam].sort(sortByModule));
 		}
 	};
 
@@ -153,13 +152,13 @@ export default function Page() {
 		const solutionIds = solutions.map((x) => x.exercise);
 
 		if (exam && exam.module === "writing" && solutions.length > 0 && !showSolutions) {
+			setHasBeenUploaded(true);
 			setIsEvaluationLoading(true);
 			Promise.all(
-				exam.exercises.map((exercise) =>
+				exam.exercises.map((exercise) => evaluateWritingAnswer(exam.id, exercise.id, solutions.find((x) => x.exercise === exercise.id)!)),
-					evaluateWritingAnswer(exam.id, exercise.id, solutions.find((x) => x.exercise === exercise.id)!.solutions[0]),
-				),
 			).finally(() => {
 				setIsEvaluationLoading(false);
+				setHasBeenUploaded(false);
 			});
 		}