fix: progress

frontend/src/components/CourseOutline.vue

@@ -67,7 +67,7 @@
 									{{ lesson.title }}
 									<Check
 										v-if="lesson.is_complete"
-										class="h-4 w-4 text-green-500 stroke-1.5 ml-2"
+										class="h-4 w-4 text-green-700 ml-2"
 									/>
 								</div>
 							</router-link>
@@ -139,9 +139,9 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
-	membership: {
-		type: Object,
-		default: () => ({}),
+	getProgress: {
+		type: Boolean,
+		default: false,
 	},
 })
 
@@ -150,27 +150,11 @@ const outline = createResource({
 	cache: ['course_outline', props.courseName],
 	params: {
 		course: props.courseName,
+		progress: props.getProgress,
 	},
 	auto: true,
 })
 
-/* const isComplete = (lesson) => {
-	createResource({
-		url: 'lms.lms.utils.get_progress',
-		makeParams() {
-			console.log(lesson)
-			return {
-				course: lesson.course,
-				lesson: lesson.name,
-			}
-		},
-		auto: true,
-		onSuccess(data) {
-			console.log(data)
-		}
-	})
-} */
-
 const openChapterDetail = (index) => {
 	return index == route.params.chapterNumber || index == 1
 }

frontend/src/pages/Batch.vue

@@ -13,7 +13,7 @@
 				</template>
 			</Button>
 		</header>
-		<div v-if="batch.data" class="grid grid-cols-[70%,30%] h-full">
+		<div v-if="batch.data" class="grid grid-cols-[70%,30%] h-screen">
 			<div class="border-r-2">
 				<Tabs v-model="tabIndex" :tabs="tabs" tablistClass="overflow-x-visible">
 					<template #tab="{ tab, selected }" class="overflow-x-hidden">

frontend/src/pages/Lesson.vue

@@ -173,7 +173,7 @@
 				<CourseOutline
 					:courseName="courseName"
 					:key="chapterNumber"
-					:membership="lesson.data.membership"
+					:getProgress="lesson.data.membership ? true : false"
 				/>
 			</div>
 		</div>