fix: video upload api body and error control (#782)

openedx · Jan 10, 2024 · 97da4d1 · 97da4d1
1 parent faf90d1
commit 97da4d1
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/files-and-videos/videos-page/data/api.js b/src/files-and-videos/videos-page/data/api.js
@@ -174,18 +174,21 @@ export async function uploadVideo(
   uploadFile,
   edxVideoId,
 ) {
-  const formData = new FormData();
-  formData.append('uploaded-file', uploadFile);
   const uploadErrors = [];
 
   await fetch(uploadUrl, {
     method: 'PUT',
-    body: formData,
     headers: {
-      'Content-Type': 'multipart/form-data',
+      'Content-Disposition': `attachment; filename="${uploadFile.name}"`,
+      'Content-Type': uploadFile.type,
     },
+    multipart: false,
+    body: uploadFile,
   })
-    .then(async () => {
+    .then(async (response) => {
+      if (!response.ok) {
+        throw new Error();
+      }
       await getAuthenticatedHttpClient()
         .post(getCourseVideosApiUrl(courseId), [{
           edxVideoId,