Hot Fixes.

frontend/app/components/question-card.tsx

@@ -1,9 +1,9 @@
+import { cn } from "~/lib/utils";
 import { Label } from "radix-ui";
 import { Checkbox } from "./ui/checkbox";
 import { Textarea } from "./ui/textarea";
 import { RadioGroup, RadioGroupItem } from "./ui/radio-group";
 import type { Assessment } from "~/services/useGetJobAssessments";
-import { cn } from "~/lib/utils";
 
 export function QuestionCard({
     answers,
@@ -12,22 +12,22 @@ export function QuestionCard({
     setAnswers,
     totalWeights,
     isStatic = false,
+    displayCheckboxMessage = false,
 } : {
     isStatic?: boolean;
     rationale?: string;
     totalWeights: number;
     answers: Record<string, any>;
+    displayCheckboxMessage?: boolean;
     question: Assessment["questions"][number];
     setAnswers: React.Dispatch<React.SetStateAction<Record<string, any>>>;
 }) {
-    console.log({answers})
-
     return (
         <div className="border p-4 flex flex-col gap-2 rounded bg-indigo-100 dark:bg-gray-800">
             <header className="flex place-content-between gap-4 place-items-start">
                 <h4 className="font-semibold mb-2">{question.text}</h4>
                 <span className="inline-flex gap-2 place-items-center px-3 py-1.5 rounded-xl bg-indigo-50 dark:bg-gray-700">
-                    {totalWeights > 0 ? `~${Math.floor((question.weight / totalWeights) * 100) / 100}` : "0"}
+                    {totalWeights > 0 ? `~${Math.floor((question.weight / totalWeights) * 100)}%` : "0%"}
                 </span>
             </header>
             {{
@@ -75,8 +75,8 @@ export function QuestionCard({
                                 ) : "cursor-pointer")}>{option.text}</Label.Label>
                             </div>
                         ))}
-                        {isStatic && question.correct_options &&  question.correct_options.some(co => !(answers[question.id] || []).includes(co)) &&
-                            <div className="text-red-600 dark:text-red-400 mt-2">(You did not select all correct answers)</div>}
+                        {isStatic && displayCheckboxMessage && question.correct_options &&  question.correct_options.some(co => !(answers[question.id] || []).includes(co)) &&
+                            <div className="text-red-600 dark:text-red-400 mt-2">(Not all correct answers are selected)</div>}
                     </div>
                 ),
             }[question.type]}

frontend/app/routes.ts

@@ -7,7 +7,7 @@ export default [
 	route("jobs/:id", "routes/jobs.$id.tsx"),
 	route("jobs/:jid/assessments/generate", "routes/jobs.$jid.assessments.generate.tsx"),
 	route("jobs/:jid/assessments/:id", "routes/jobs.$jid.assessments.$id.tsx"),
-	route("jobs/:jid/assessment/:aid/applications", "routes/jobs.$jid.assessment.$aid.applications.tsx"),
+	route("jobs/:jid/assessments/:aid/applications", "routes/jobs.$jid.assessments.$aid.applications.tsx"),
 	route("jobs/:jid/assessments/:aid/applications/:id", "routes/jobs.$jid.assessments.$aid.applications.$id.tsx"),
 	route("dashboard", "routes/dashboard.tsx"),
 	route("registration", "routes/registration.tsx"),

frontend/app/routes/jobs.$jid.assessments.$aid.applications.$id.tsx

@@ -48,15 +48,14 @@ export default function ApplicationDetailsRoute() {
 
     const totalWeights = application.answers.reduce((weights, answer) => weights + answer.weight, 0);
 
-    console.log(application)
-
     return (
-        <main className="container mx-auto p-4 flex flex-col gap-2">
+        <main className="container mx-auto p-4 flex flex-col gap-4">
             <ApplicationCard application={application} aid={aid || ""} jid={jid || ""} isStatic />
             {application.answers.map((answer: DetailedApplication["answers"][number]) => (
                 <QuestionCard
                     key={answer.question_id}
                     isStatic
+                    displayCheckboxMessage
                     question={{
                         type: answer.type,
                         weight: answer.weight,

frontend/app/routes/{jobs.$jid.assessment.$aid.applications.tsx → jobs.$jid.assessments.$aid.applications.tsx}

@@ -6,7 +6,7 @@ import { useGetJobByID } from "~/services/useGetJobsByID";
 import { AssessmentCard } from "~/components/assessment-card";
 import { ApplicationCard } from "~/components/application-card";
 import { useGetJobAssessmentByID } from "~/services/useGetJobAssessmentByID";
-import type { Route } from "./+types/jobs.$jid.assessment.$aid.applications";
+import type { Route } from "./+types/jobs.$jid.assessments.$aid.applications";
 import { useGetJobAssessmentApplications } from "~/services/useGetJobAssessmentApplications";
 
 export function meta({}: Route.MetaArgs) {

frontend/app/routes/jobs.$jid.assessments.$id.tsx

@@ -91,7 +91,7 @@ export default function AssessmentDetailRoute() {
         <main className="container mx-auto p-4 flex flex-col gap-8">
             <AssessmentCard jid={jid || ""} assessment={assessment} isStatic />
             {myUser.role == "hr" && (
-                <Link to={`/jobs/${jid}/assessment/${id}/applications`} className="text-indigo-600 hover:underline">
+                <Link to={`/jobs/${jid}/assessments/${id}/applications`} className="text-indigo-600 hover:underline">
                     View Applications for this Assessment
                     <ExternalLinkIcon className="inline -translate-y-1 mx-2" />
                 </Link>