fix: calendar background and assignment text color

frontend/package.json

@@ -25,7 +25,7 @@
     "codemirror-editor-vue3": "^2.8.0",
     "dayjs": "^1.11.6",
     "feather-icons": "^4.28.0",
-    "frappe-ui": "^0.1.108",
+    "frappe-ui": "^0.1.109",
     "lucide-vue-next": "^0.383.0",
     "markdown-it": "^14.0.0",
     "pinia": "^2.0.33",

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()

frontend/src/pages/AssignmentForm.vue

@@ -188,4 +188,4 @@ const assignmentOptions = computed(() => {
 		{ label: 'URL', value: 'URL' },
 	]
 })
-</script>
+</script>

frontend/src/pages/CourseForm.vue

@@ -123,7 +123,7 @@
 								<div
 									v-if="course.tags"
 									v-for="tag in course.tags?.split(', ')"
-									class="flex items-center bg-surface-gray-2 p-2 rounded-md mr-2"
+									class="flex items-center bg-surface-gray-2 text-ink-gray-7 p-2 rounded-md mr-2"
 								>
 									{{ tag }}
 									<X

frontend/src/pages/ProfileCertificates.vue

@@ -44,7 +44,7 @@ const certificates = createListResource({
 	filters: {
 		member: props.profile.data?.name,
 	},
-	fields: ['name', 'course_title', 'batch_title', 'issue_date'],
+	fields: ['name', 'course_title', 'batch_title', 'issue_date', 'template'],
 	cache: ['certificates', props.profile.data?.name],
 })