CLASSROOMIO-T-90:Implemented the course settings

only update order when lesson id changes

CLASSROOMIO-T-90: Update banner image on course card

CLASSROOMIO-T-90: Fix merge conflicts

Merge branch 'main' into CLASSROOMIO-T-90

CLASSROOMIO-T-90:removed unused values and console log  in the Course Settings

CLASSROOMIO-T-90:removed unused import  in the Course Settings

CLASSROOMIO-T-90:fixed bugs in the Course Settings

Merge branch 'main' into CLASSROOMIO-T-90

CLASSROOMIO-T-90:Implemented the Course Settings

CLASSROOMIO-T-90:Worked on the course settings

Merge branch 'main' into CLASSROOMIO-T-90

CLASSROOMIO-T-90:Fixed the landing page issue

CLASSROOMIO-T-146:Made updates to the code following the reviews

CLASSROOMIO-T-146:Made updates to the Z-Index

Merge branch 'main' into CLASSROOMIO-T-146

Merge branch 'main' into CLASSROOMIO-T-146

CLASSROOMIO-T-146:Made the course page responsive

CLASSROOMIO-T-146:working on the course page responsiveness

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-146:Making the course page responsive

CLASSROOMIO-T-145: All done and ready

CLASSROOMIO-T-145: All done and ready

CLASSROOMIO-T-145: Fixed the Z-index issue

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-145: Finished implementing the responsive design for the Main dashboard and LMS dashboard

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-144:Updating the dashboard responsiveness ooth for LMS and the Main dashboard

CLASSROOMIO-T-144:Updated the dashboard responsiveness ooth for LMS and the Main dashboard

Merge branch 'main' into CLASSROOMIO-T-145

CLASSROOMIO-T-145:Made the LMS dashboard responsive


Co-authored-by: Ifeanyi Nwosu <[email protected]>
Co-authored-by: Rotimi Best <[email protected]>


Merge-request: CLASSROOMIO-MR-76
Merged-by: Best Admin <[email protected]>

src/lib/components/Courses/components/Card/index.svelte

@@ -17,7 +17,6 @@
   // export let onDelete = (id: string) => {};
 
   let formatter = getCurrencyFormatter(currency);
-
   // function getOptions() {
   //   return [
   //     {
@@ -51,7 +50,7 @@
 <a
   rel="prefetch"
   href={isOnLandingPage ? `/course/${slug}` : `/courses/${id}`}
-  class=" text-black w-fit"
+  class=" text-black w-full"
 >
   <div
     class="border border-gray rounded w-full max-w-[350px] relative hover:shadow-lg transition-all ease-in-out"
@@ -59,12 +58,12 @@
     <div class="p-4">
       <div class=" mb-5">
         <ImageLoader
-          src={bannerImage ?? '/images/classroomio-course-img-template.jpg'}
+          src={bannerImage ? bannerImage : '/images/classroomio-course-img-template.jpg'}
           alt="Course Logo"
-          class="h-2/5 w-full rounded dark:border dark:border-white"
+          class="h-[200px] w-full rounded dark:border dark:border-white"
         >
           <svelte:fragment slot="loading">
-            <SkeletonPlaceholder style="width: 100%; height: 10rem;" />
+            <SkeletonPlaceholder style="width: 100%; height: 200px;" />
           </svelte:fragment>
           <svelte:fragment slot="error">An error occurred.</svelte:fragment>
         </ImageLoader>

src/lib/components/Courses/index.svelte

@@ -5,7 +5,6 @@
   import CoursesEmptyIcon from '../Icons/CoursesEmptyIcon.svelte';
   import CopyCourseModal from './components/CopyCourseModal/index.svelte';
   import { courses, courseMetaDeta } from './store';
-  import { isMobile } from '$lib/utils/store/useMobile';
 </script>
 
 <CopyCourseModal />
@@ -21,7 +20,7 @@
     {#each $courses as courseData}
       <Card
         id={courseData.id}
-        bannerImage={courseData.banner_image}
+        bannerImage={courseData.logo}
         title={courseData.title}
         description={courseData.description}
         role_id={courseData.role_id}
@@ -30,14 +29,6 @@
         currency={courseData.currency}
         totalLessons={courseData.total_lessons}
       />
-      <!-- {:else}  
-        <Box className="w-full">
-          <CoursesEmptyIcon />
-          <h3 class="dark:text-white text-2xl my-5">No Courses Created</h3>
-          <p class="dark:text-white w-1/3 text-center">
-            Share your knowledge with the world by creating engaging courses for your students.
-          </p>
-        </Box> -->
     {/each}
   {/if}
 </div>