CLASSROOMIO-T-108: Revamp landing page & sidebar improvement

src/lib/components/Courses/index.svelte

@@ -3,12 +3,14 @@
   import Card from './components/Card/index.svelte';
   import CardLoader from './components/Card/Loader.svelte';
   import CoursesEmptyIcon from '../Icons/CoursesEmptyIcon.svelte';
-  // import CopyCourseModal from './components/CopyCourseModal/index.svelte';
   import { courseMetaDeta } from './store';
   import type { Course } from '$lib/utils/types';
   import { appStore } from '$lib/utils/store/app';
 
   export let courses: Course[] = [];
+  export let emptyTitle = 'No Courses Created';
+  export let emptyDescription =
+    'Share your knowledge with the world by creating engaging courses for your students.';
 
   function calcProgressRate(progressRate?: number, totalLessons?: number): number {
     if (!progressRate || !totalLessons) {
@@ -34,7 +36,6 @@
           bannerImage={courseData.logo || '/images/classroomio-course-img-template.jpg'}
           title={courseData.title}
           description={courseData.description}
-          role_id={courseData.role_id}
           isPublished={courseData.is_published}
           cost={courseData.cost}
           currency={courseData.currency}
@@ -49,9 +50,9 @@
 {#if !$courseMetaDeta.isLoading && !courses.length}
   <Box className="w-full">
     <CoursesEmptyIcon />
-    <h3 class="dark:text-white text-2xl my-5">No Courses Created</h3>
+    <h3 class="dark:text-white text-2xl my-5">{emptyTitle}</h3>
     <p class="dark:text-white w-1/3 text-center">
-      Share your knowledge with the world by creating engaging courses for your students.
+      {emptyDescription}
     </p>
   </Box>
 {/if}

src/lib/components/Courses/store.ts

@@ -2,9 +2,16 @@ import { writable, derived } from 'svelte/store';
 import type { Course } from '$lib/utils/types';
 
 export const courses = writable<Course[]>([]);
-export const courseInProgress = derived(courses, ($courses) =>
+export const coursesInProgress = derived(courses, ($courses) =>
   $courses.length > 0 ? $courses.slice(0, 3) : []
 );
+export const coursesComplete = derived(courses, ($courses) =>
+  $courses.length > 0
+    ? $courses.filter((course) => {
+        return course.total_lessons === course.progress_rate;
+      })
+    : []
+);
 export const courseMetaDeta = writable({
   isLoading: true
 });