From 539bf9c4185f6444401bb896f6b364fc1373d98c Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Fri, 11 Aug 2023 00:52:06 +0100
Subject: [PATCH] Add file size validation of 20mb

---
 .../components/Lesson/Materials/Video/LocalVideo.svelte   | 4 ++--
 .../Course/components/Lesson/Materials/index.svelte       | 2 +-
 .../[id]/lessons/[...lessonParams]/+page.server.js        | 8 ++++++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Course/components/Lesson/Materials/Video/LocalVideo.svelte b/src/lib/components/Course/components/Lesson/Materials/Video/LocalVideo.svelte
index 43adb296..24aed7fa 100644
--- a/src/lib/components/Course/components/Lesson/Materials/Video/LocalVideo.svelte
+++ b/src/lib/components/Course/components/Lesson/Materials/Video/LocalVideo.svelte
@@ -89,7 +89,7 @@
       <input style="display:none;" type="submit" bind:this={submit} />
     </form>
   </button>
-{:else if isBig && isUploaded === false}
+{:else if $uploadCourseVideoStore.formRes?.type === 'FILE_TOO_LARGE'}
   <div class="h-full w-full flex flex-col items-center justify-center rounded-xl">
     <img src="/video-upload-error.svg" alt="upload error" />
     <span class="pt-3 pb-2">
@@ -102,7 +102,7 @@
     </span>
     <PrimaryButton label="Try again" />
   </div>
-{:else if isWrongFormat && isUploaded === false}
+{:else if $uploadCourseVideoStore.formRes?.success}
   <div class="h-full w-full flex flex-col items-center justify-center rounded-xl">
     <img src="/video-upload-error.svg" alt="upload error" />
     <span class="pt-3 pb-2">
diff --git a/src/lib/components/Course/components/Lesson/Materials/index.svelte b/src/lib/components/Course/components/Lesson/Materials/index.svelte
index 21f0a142..a295929a 100644
--- a/src/lib/components/Course/components/Lesson/Materials/index.svelte
+++ b/src/lib/components/Course/components/Lesson/Materials/index.svelte
@@ -269,7 +269,7 @@
                     <div style="position:relative;padding-bottom:51.416579%">
                       <iframe
                         src="https://muse.ai/embed/{video.metadata
-                          ?.svid}?logo=https://app.classroomio.com/logo-512.png&volume=0&subtitles=auto&cover_play_position=center"
+                          ?.svid}?logo=https://app.classroomio.com/logo-512.png&subtitles=auto&cover_play_position=center"
                         style="width:100%;height:100%;position:absolute;left:0;top:0"
                         frameborder="0"
                         allowfullscreen
diff --git a/src/routes/courses/[id]/lessons/[...lessonParams]/+page.server.js b/src/routes/courses/[id]/lessons/[...lessonParams]/+page.server.js
index 019ee0dc..c18ca759 100644
--- a/src/routes/courses/[id]/lessons/[...lessonParams]/+page.server.js
+++ b/src/routes/courses/[id]/lessons/[...lessonParams]/+page.server.js
@@ -105,6 +105,14 @@ export const actions = {
       });
     }
 
+    if (formData.file?.size > 20 * 1024 * 1024) {
+      return fail(400, {
+        success: false,
+        type: 'FILE_TOO_LARGE',
+        message: 'File is too large'
+      });
+    }
+
     const { file, lessonId } = formData;
     console.log('file', file);
     console.log('lessonId', lessonId);