CLASSROOMIO-T-129:Implemented the Add lesson modal

CLASSROOMIO-T-129:Removed some unused variable and removed the scroll behaviour from the modal

CLASSROOMIO-T-129:did some cleanup

CLASSROOMIO-T-129:Added validation for an empty input

CLASSROOMIO-T-129:Added validation for an empty input

CLASSROOMIO-T-129:Updated the code

CLASSROOMIO-T-129:Removed unused console logs and comments

CLASSROOMIO-T-129:Removed unused console logs and comments

CLASSROOMIO-T-129:Implemented the add lesson modal

Merge branch 'main' into CLASSROOMIO-T-129

CLASSROOMIO-T-129:Working on the Add Lesson modal


Co-authored-by: Ifeanyi Nwosu <ifeanyi@digdippa.com>


Merge-request: CLASSROOMIO-MR-63
Merged-by: Best Admin <best@digdippa.com>

src/routes/courses/[id]/lessons/+page.svelte

@@ -22,7 +22,6 @@
   import { profile } from '$lib/utils/store/user';
   import {
     lessons,
-    handleAddLesson,
     handleSaveLesson,
     handleDelete
   } from '$lib/components/Course/components/Lesson/store/lessons';
@@ -30,13 +29,14 @@
   import PageBody from '$lib/components/PageBody/index.svelte';
   import TextChip from '$lib/components/Chip/Text.svelte';
   import Avatar from '$lib/components/Apps/components/Poll/components/Avatar.svelte';
+  import AddLessonModal from '$lib/components/Course/components/Lesson/AddLessonModal.svelte';
   import { exerciseMode } from '$lib/components/Course/components/Lesson/Exercise/store';
 
   export let data;
   const { courseId } = data;
   let lessonEditing;
-  let ref;
   let isStudent = true;
+  let openModal = false;
 
   const flipDurationMs = 300;
 
@@ -52,17 +52,7 @@
 
   // TODO: CRUD of lessons
   function addLesson() {
-    handleAddLesson();
-    setTimeout(() => {
-      lessonEditing = $lessons.length - 1;
-      if (ref) {
-        ref.scrollIntoView({
-          block: 'start',
-          behavior: 'smooth',
-          inline: 'nearest'
-        });
-      }
-    }, 100);
+    openModal = true;
   }
 
   function handleDndConsider(e) {
@@ -115,6 +105,8 @@
   }
 </script>
 
+<AddLessonModal {isStudent} bind:openModal />
+
 <CourseContainer bind:isStudent>
   <PageNav title="Lessons">
     <div slot="widget">
@@ -141,7 +133,6 @@
     >
       {#each $lessons as lesson (lesson.id)}
         <div
-          bind:this={ref}
           class="sm:min-h-[245px] md:min-h-[100px] lg:min-h-[190px] relative m-auto rounded-md border-2 border-gray-200 py-3 px-5 mb-4 flex items-center dark:bg-gray-700"
         >
           <div class="mr-5">