diff --git a/vocodes/src/modes/video/VideoComponent.tsx b/vocodes/src/modes/video/VideoComponent.tsx index 8536fc9524..4893d0d4f4 100644 --- a/vocodes/src/modes/video/VideoComponent.tsx +++ b/vocodes/src/modes/video/VideoComponent.tsx @@ -120,12 +120,40 @@ class VideoComponent extends React.Component { let videoResults =
; if (this.props.currentVideoJob !== undefined) { - let downloadUrl = this.props.currentVideoJob.getVideoDownloadUrl() || ""; + let videoJob = this.props.currentVideoJob!; + let downloadUrl = videoJob.getVideoDownloadUrl() || ""; + + let statusTitle = "Waiting"; + let statusClassName = "message is-primary"; + + switch (videoJob.jobStatus) { + case VideoJobStatus.Pending: + statusTitle = "Waiting In Line"; + statusClassName = "message is-warning"; // yellow + break; + case VideoJobStatus.Started: + statusTitle = "Now Processing"; + statusClassName = "message is-info"; // light blue + break; + case VideoJobStatus.Completed: + statusTitle = "Success!"; + statusClassName = "message is-success"; // green + break; + case VideoJobStatus.Failed: + statusTitle = "Failed :("; + statusClassName = "message is-danger"; // red + break; + } + videoResults = ( -
+
+
+

{statusTitle}

+

Your results are currently processing and may take awhile. Open this URL in a new tab and keep it open:

+

{ + {videoResults} +

Upload audio from vo.codes or any other source and pick a video template @@ -157,12 +187,10 @@ class VideoComponent extends React.Component {

- {videoResults} -
-
+