- Solved the bug on Diagnostic where the exams weren't loading;

- Removed the Layout appearance and made it so the abandon popup appears on click and not on enter

src/pages/exam.tsx

@@ -321,25 +321,22 @@ export default function Page() {
 					user={user}
 					className="justify-between"
 					focusMode={selectedModules.length !== 0}
-					onFocusLayerMouseEnter={() => setShowAbandonPopup(true)}
-					>
-						<>
+					onFocusLayerMouseEnter={() => setShowAbandonPopup(true)}>
+					<>
 						{renderScreen()}
 						<AbandonPopup
 							isOpen={showAbandonPopup}
-							abandonPopupTitle="Leave Exam"
-							abandonPopupDescription="Are you sure you want to leave the exam? You will lose all your progress."
+							abandonPopupTitle="Leave Exercise"
+							abandonPopupDescription="Are you sure you want to leave the exercise? You will lose all your progress."
 							abandonConfirmButtonText="Confirm"
 							onAbandon={() => {
-								console.log('TODO: Handle Abandon');
 								setExam(undefined);
 								setSelectedModules([]);
-								setShowAbandonPopup(false)
-								return true;
+								setShowAbandonPopup(false);
 							}}
 							onCancel={() => setShowAbandonPopup(false)}
 						/>
-						</>
+					</>
 				</Layout>
 			)}
 		</>

src/pages/exercises.tsx

@@ -323,25 +323,22 @@ export default function Page() {
 					user={user}
 					className="justify-between"
 					focusMode={selectedModules.length !== 0}
-					onFocusLayerMouseEnter={() => setShowAbandonPopup(true)}
-				>
+					onFocusLayerMouseEnter={() => setShowAbandonPopup(true)}>
 					<>
 						{renderScreen()}
-							<AbandonPopup
-								isOpen={showAbandonPopup}
-
-								abandonPopupTitle="Leave Exercise"
-								abandonPopupDescription="Are you sure you want to leave the exercise? You will lose all your progress."
-								abandonConfirmButtonText="Confirm"
-								onAbandon={() => {
-									setExam(undefined);
-									setSelectedModules([]);
-									setShowAbandonPopup(false)
-									return true;
-								}}
-								onCancel={() => setShowAbandonPopup(false)}
-							/>
-						</>
+						<AbandonPopup
+							isOpen={showAbandonPopup}
+							abandonPopupTitle="Leave Exercise"
+							abandonPopupDescription="Are you sure you want to leave the exercise? You will lose all your progress."
+							abandonConfirmButtonText="Confirm"
+							onAbandon={() => {
+								setExam(undefined);
+								setSelectedModules([]);
+								setShowAbandonPopup(false);
+							}}
+							onCancel={() => setShowAbandonPopup(false)}
+						/>
+					</>
 				</Layout>
 			)}
 		</>