Finished implementing a Solutions version for each exercise

src/exams/Writing.tsx

@@ -1,14 +1,16 @@
 import {infoButtonStyle} from "@/constants/buttonStyles";
-import {WritingExam} from "@/interfaces/exam";
+import {UserSolution, WritingExam} from "@/interfaces/exam";
 import clsx from "clsx";
 import {Fragment, useEffect, useState} from "react";
 import {toast} from "react-toastify";
 
 interface Props {
 	exam: WritingExam;
+	showSolutions?: boolean;
+	onFinish: (userSolutions: UserSolution[]) => void;
 }
 
-export default function Writing({exam}: Props) {
+export default function Writing({exam, showSolutions = false, onFinish}: Props) {
 	const [inputText, setInputText] = useState("");
 	const [isSubmitEnabled, setIsSubmitEnabled] = useState(false);
 	const [timer, setTimer] = useState<number>();
@@ -68,13 +70,19 @@ export default function Writing({exam}: Props) {
 			<div className="w-1/2 flex justify-end">
 				{!isSubmitEnabled && (
 					<div className="tooltip" data-tip={`You have not yet reached your minimum word count of ${exam.text.wordCounter.limit} words!`}>
-						<button className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)} disabled={!isSubmitEnabled}>
+						<button
+							className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}
+							disabled={!isSubmitEnabled}
+							onClick={() => onFinish([{id: exam.id, solutions: [inputText.trim()], score: {correct: 0, total: 1}}])}>
 							Next
 						</button>
 					</div>
 				)}
 				{isSubmitEnabled && (
-					<button className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)} disabled={!isSubmitEnabled}>
+					<button
+						className={clsx("btn btn-wide gap-4 relative text-white", infoButtonStyle)}
+						disabled={!isSubmitEnabled}
+						onClick={() => onFinish([{id: exam.id, solutions: [inputText.trim()], score: {correct: 0, total: 1}}])}>
 						Next
 					</button>
 				)}