CLASSROOMIO-T-105: Delete video

CLASSROOMIO-T-105: Delete video

CLASSROOMIO-T-105: Update color of header to blue 700

Support up to 50 MB of file upload


Co-authored-by: Rotimi Best <rotimiibitoyeemma@gmail.com>


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

src/lib/components/Course/components/Lesson/Materials/Video/LocalVideo.svelte

@@ -121,7 +121,7 @@
         Oops 😬, couldn’t upload video
       </h3>
       <p class="text-center text-xs font-normal text-[#ADADAD]">
-        Sorry we video wasn’t uploaded. The file size is too big,<br /> maximum size is 20 MB. Try again!
+        Sorry we video wasn’t uploaded. The file size is too big,<br /> maximum size is 50 MB. Try again!
       </p>
     </span>
     <PrimaryButton label="Try again" onClick={() => fileInput?.click()} />

src/lib/components/Course/components/Lesson/Materials/index.svelte

@@ -54,12 +54,14 @@
   // problem: after we save an uploaded video,
   async function saveLesson() {
     const { data } = await fetchLesson(lessonId);
-    const materials = merge(data, $lesson.materials);
+    if (data?.videos?.length === $lesson.materials.videos.length) {
+      const materials = merge(data, $lesson.materials);
 
-    lesson.update((l) => ({
-      ...l,
-      materials
-    }));
+      lesson.update((l) => ({
+        ...l,
+        materials
+      }));
+    }
     handleUpdateLessonMaterials($lesson, lessonId);
   }
 

src/lib/components/Navigation/app.svelte

@@ -36,7 +36,7 @@
   }
 </script>
 
-<nav class="{navClass} flex w-full p-2 md:px-6 bg-blue-500">
+<nav class="{navClass} flex w-full p-2 md:px-6 bg-blue-700">
   <ul class="flex w-full items-center">
     <div class="flex items-center text-white">
       {#if isCoursePage}