\n {index + 1}. {question.question_text} ({question.points} points)\n

\n {question.options?.map((option: string, optionIndex: number) => (\n handleAnswerChange(question.id, optionIndex)}\n className={`option-button ${questionAnswer === optionIndex ? 'selected' : ''}`}\n disabled={submitted}\n >\n {String.fromCharCode(65 + optionIndex)}. {option}\n \n ))}\n

\n );\n\n case 'true_false':\n return (\n

\n {index + 1}. {question.question_text} ({question.points} points)\n

\n handleAnswerChange(question.id, 'true')}\n className={`option-button ${questionAnswer === 'true' ? 'selected' : ''}`}\n disabled={submitted}\n >\n True\n \n handleAnswerChange(question.id, 'false')}\n className={`option-button ${questionAnswer === 'false' ? 'selected' : ''}`}\n disabled={submitted}\n >\n False\n \n

\n );\n\n case 'short_answer':\n case 'essay':\n return (\n

\n {index + 1}. {question.question_text} ({question.points} points)\n

\n handleAnswerChange(question.id, e.target.value)}\n className=\"w-full p-3 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500\"\n rows={question.type === 'essay' ? 6 : 3}\n placeholder=\"Enter your answer...\"\n disabled={submitted}\n />\n

\n );\n\n default:\n return null;\n }\n };\n\n if (loading) {\n return (\n

\n );\n }\n\n if (error || !examAttempt) {\n return (\n

⚠️

Error

{error || \"Exam not found\"}

\n \n Go Back\n \n

\n );\n }\n\n if (submitted && results) {\n const percentage = results.submission.score !== undefined \n ? Math.round((results.submission.score / results.submission.max_score) * 100)\n : null;\n\n return (\n

✅

Exam Submitted Successfully!

\n \n {results.submission.score !== undefined ? (\n

\n {results.submission.score} / {results.submission.max_score}\n {percentage !== null && ` (${percentage}%)`}\n

Your exam has been automatically graded

\n ) : (\n

\n Pending Manual Review\n

\n Your exam contains questions that require manual grading.
\n Results will be available once your instructor reviews your submission.\n

\n )}\n\n

Submitted: {new Date(results.submission.submitted_at).toLocaleString()}

\n\n \n Return to Course\n \n

\n );\n }\n\n return (\n

\n {/* Timer */}\n {timeRemaining !== null && timeRemaining > 0 && (\n

\n ⏰ Time Remaining: {formatTime(timeRemaining)}\n

\n )}\n\n {/* Exam Header */}\n

{examAttempt.exam.title}

{examAttempt.exam.description}

📊 Total Points: {examAttempt.exam.total_points}

⏱️ Duration: {examAttempt.exam.duration_minutes} minutes

📝 Questions: {examAttempt.questions.length}

\n\n {/* Questions */}\n

\n {examAttempt.questions.map((question, index) => renderQuestion(question, index))}\n

\n\n {/* Submit Button */}\n

\n \n {submitting ? (\n

\n Submitting...\n

\n ) : (\n \"Submit Exam\"\n )}\n \n

\n Make sure to review your answers before submitting. You cannot change them after submission.\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/reubenoguta_Valtown/Reuben/code/frontend/components/ExamTaker.tsx","extension","actionData","errors"]