feat: add passing percent to exam card

Author: ShaunSHamilton

public/mocks/exams.json

@@ -4,7 +4,7 @@
     "config": {
       "name": "Practice Exam",
       "note": "This exam is for learning the Exam Environment.",
-      "totalTimeInMS": 120000,
+      "totalTimeInS": 120,
       "tags": [],
       "questionSets": [
         {
@@ -22,7 +22,7 @@
           "numberOfIncorrectAnswers": 3
         }
       ],
-      "retakeTimeInMS": 0,
+      "retakeTimeInS": 0,
       "passingPercent": 80.0
     },
     "questionSets": [

src/components/exam-card.tsx

@@ -66,13 +66,23 @@ export function ExamCard({ exam }: ExamCardProps) {
               <Heading size="md" mb={2}>
                 {exam.config.name}
               </Heading>
-              <Flex alignItems="center" gap={2}>
-                <Text color="gray.600" fontSize="sm" marginBottom={0}>
-                  Duration:
-                </Text>
-                <Badge colorScheme="blue" fontSize="sm">
-                  {examTimeInHumanReadableFormat(exam.config.totalTimeInS)}
-                </Badge>
+              <Flex justifyContent={"space-between"}>
+                <Flex alignItems="center" gap={2}>
+                  <Text color="gray.600" fontSize="sm" marginBottom={0}>
+                    Duration:
+                  </Text>
+                  <Badge colorScheme="blue" fontSize="sm">
+                    {examTimeInHumanReadableFormat(exam.config.totalTimeInS)}
+                  </Badge>
+                </Flex>
+                <Flex alignItems="center" gap={2}>
+                  <Text color="gray.600" fontSize="sm" marginBottom={0}>
+                    Passing Percent:
+                  </Text>
+                  <Badge colorScheme="blue" fontSize="sm">
+                    {exam.config.passingPercent}%
+                  </Badge>
+                </Flex>
               </Flex>
             </Box>
             {examStatus.status === "InProgress" && (

src/utils/fetch.ts

@@ -133,6 +133,7 @@ export async function getExams() {
           note: exam.config.note,
           totalTimeInS: exam.config.totalTimeInS,
           retakeTimeInS: exam.config.retakeTimeInS,
+          passingPercent: exam.config.passingPercent,
         },
       },
     ];