Updated the Finish screen along with other tweaks

src/pages/exam.tsx

@@ -148,6 +148,43 @@ export default function Page() {
 		setModuleIndex((prev) => prev + 1);
 	};
 
+	const aggregateScoresByModule = (answers: UserSolution[]): {module: Module; total: number; missing: number; correct: number}[] => {
+		const scores: {[key in Module]: {total: number; missing: number; correct: number}} = {
+			reading: {
+				total: 0,
+				correct: 0,
+				missing: 0,
+			},
+			listening: {
+				total: 0,
+				correct: 0,
+				missing: 0,
+			},
+			writing: {
+				total: 0,
+				correct: 0,
+				missing: 0,
+			},
+			speaking: {
+				total: 0,
+				correct: 0,
+				missing: 0,
+			},
+		};
+
+		answers.forEach((x) => {
+			scores[x.module!] = {
+				total: scores[x.module!].total + x.score.total,
+				correct: scores[x.module!].correct + x.score.correct,
+				missing: scores[x.module!].missing + x.score.missing,
+			};
+		});
+
+		return Object.keys(scores)
+			.filter((x) => scores[x as Module].total > 0)
+			.map((x) => ({module: x as Module, ...scores[x as Module]}));
+	};
+
 	const renderScreen = () => {
 		if (selectedModules.length === 0) {
 			return <Selection user={user!} onStart={setSelectedModules} />;
@@ -163,7 +200,7 @@ export default function Page() {
 						setModuleIndex(0);
 						setExam(exams[0]);
 					}}
-					scores={userSolutions.map((x) => ({...x.score, module: x.module}))}
+					scores={aggregateScoresByModule(userSolutions)}
 				/>
 			);
 		}