fix: calendar background and assignment text color

frontend/src/components/BatchCard.vue

@@ -6,7 +6,10 @@
 		<div class="text-lg leading-5 font-semibold mb-2 text-ink-gray-9">
 			{{ batch.title }}
 		</div>
-		<div v-if="batch.seat_count && batch.seats_left > 0" class="text-xs bg-green-200 text-green-800 self-start px-2 py-0.5 rounded-md">
+		<div
+			v-if="batch.seat_count && batch.seats_left > 0"
+			class="text-xs bg-green-200 text-green-800 self-start px-2 py-0.5 rounded-md"
+		>
 			{{ batch.seats_left }}
 			<span v-if="batch.seats_left > 1">
 				{{ __('Seats Left') }}
@@ -15,7 +18,10 @@
 				{{ __('Seat Left') }}
 			</span>
 		</div>
-		<div v-else-if="batch.seat_count && batch.seats_left <= 0" class="text-xs bg-red-200 text-red-900 self-start px-2 py-0.5 rounded-md">
+		<div
+			v-else-if="batch.seat_count && batch.seats_left <= 0"
+			class="text-xs bg-red-200 text-red-900 self-start px-2 py-0.5 rounded-md"
+		>
 			{{ __('Sold Out') }}
 		</div>
 		<div class="short-introduction text-sm text-ink-gray-7">

frontend/src/components/BatchStudents.vue

@@ -341,7 +341,7 @@ const getChartData = () => {
 		})
 
 		Object.keys(student.assessments).forEach((assessment) => {
-			if (student.assessments[assessment] === 100) {
+			if (student.assessments[assessment].result === 'Passed') {
 				categories[assessment].value += 1
 			}
 		})

frontend/src/components/CourseCard.vue

@@ -1,7 +1,7 @@
 <template>
 	<div
 		v-if="course.title"
-		class="flex flex-col h-full rounded-md shadow-md border-2 overflow-auto"
+		class="flex flex-col h-full rounded-md border-2 overflow-auto"
 		style="min-height: 350px"
 	>
 		<div
@@ -15,7 +15,10 @@
 				<Badge v-if="course.featured" variant="subtle" theme="green" size="md">
 					{{ __('Featured') }}
 				</Badge>
-				<div v-for="tag in course.tags" class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md">
+				<div
+					v-for="tag in course.tags"
+					class="text-xs bg-white text-gray-800 px-2 py-0.5 rounded-md"
+				>
 					{{ tag }}
 				</div>
 			</div>

frontend/src/components/CourseOutline.vue

@@ -16,7 +16,7 @@
 		</div>
 		<div
 			:class="{
-				'shadow rounded-md py-2 px-2': showOutline && outline.data?.length,
+				'border-2 rounded-md py-2 px-2': showOutline && outline.data?.length,
 			}"
 		>
 			<Disclosure

frontend/src/components/LessonHelp.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="space-y-5">
+	<div class="space-y-5 text-ink-gray-9">
 		<div class="space-y-2">
 			<div class="flex items-center text-sm font-medium space-x-2">
 				<span>

frontend/src/components/Quiz.vue

@@ -316,6 +316,9 @@ const quiz = createResource({
 	},
 	cache: ['quiz', props.quizName],
 	auto: true,
+	transform(data) {
+		data.duration = parseInt(data.duration)
+	},
 	onSuccess(data) {
 		populateQuestions()
 		setupTimer()