diff --git a/src/files-and-videos/videos-page/data/thunks.js b/src/files-and-videos/videos-page/data/thunks.js index 2fa064ce6a..cefc04ebd0 100644 --- a/src/files-and-videos/videos-page/data/thunks.js +++ b/src/files-and-videos/videos-page/data/thunks.js @@ -54,7 +54,7 @@ export function cancelAllUploads(courseId, uploadData) { control.abort(); }); Object.entries(uploadData).forEach(([key, value]) => { - if (value.status === RequestStatus.PENDING) { + if (value.status === RequestStatus.IN_PROGRESS) { updateVideoUploadStatus( courseId, key, @@ -324,7 +324,7 @@ export function addVideoFile( if (uploadUrl && edxVideoId) { uploadingIdsRef.current.uploadData = newUploadData({ - status: RequestStatus.PENDING, + status: RequestStatus.IN_PROGRESS, currentData: uploadingIdsRef.current.uploadData, originalValue: { name, progress }, key: `video_${idx}`, diff --git a/src/files-and-videos/videos-page/messages.js b/src/files-and-videos/videos-page/messages.js index 91096b2f61..e6e25d8aa2 100644 --- a/src/files-and-videos/videos-page/messages.js +++ b/src/files-and-videos/videos-page/messages.js @@ -68,7 +68,7 @@ const messages = defineMessages({ }, videoUploadTrackerAlertEditMessage: { id: 'course-authoring.files-and-videos.video-upload-tracker-alert.edit.message', - defaultMessage: 'Want to coninue editing in Studio during this upload?', + defaultMessage: 'Want to continue editing in Studio during this upload?', description: 'Continue editing message for the Upload Tracker Alert', }, videoUploadTrackerAlertEditHyperlinkLabel: { diff --git a/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx b/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx index dcdf7f4a3d..fdecdb35b1 100644 --- a/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx +++ b/src/files-and-videos/videos-page/upload-modal/UploadProgressList.jsx @@ -1,9 +1,22 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { ProgressBar, Stack, Truncate } from '@openedx/paragon'; +import { Stack, Truncate } from '@openedx/paragon'; import UploadStatusIcon from './UploadStatusIcon'; import { RequestStatus } from '../../../data/constants'; +const getVideoStatus = (status) => { + switch (status) { + case RequestStatus.IN_PROGRESS: + return 'UPLOADING'; + case RequestStatus.PENDING: + return 'QUEUED'; + case RequestStatus.SUCCESSFUL: + return ''; + default: + return status.toUpperCase(); + } +}; + const UploadProgressList = ({ videosList }) => (