diff --git a/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx b/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
index 25374eb5b7..354fc81c3f 100644
--- a/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/video_mocap/VideoMocap.tsx
@@ -1,12 +1,10 @@
import React, { useState } from "react";
import { Redirect, useLocation } from "react-router-dom";
-import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
import {
FrontendInferenceJobType,
InferenceJob,
} from "@storyteller/components/src/jobs/InferenceJob";
-import { PageInferenceStatuses } from "./components/pageInferenceStatuses";
import { BasicVideo, Container, Panel } from "components/common";
import PageHeader from "components/layout/PageHeader";
@@ -15,9 +13,9 @@ import { useLocalize } from "hooks";
import TabContentUpload from "./components/tabContentUpload";
import TabContentLibrary from "./components/tabContentLibrary";
+import VideoMotionCaptureJobList from "./components/videoMotionCaptureJobList";
export default function VideoMotionCapture(props: {
- sessionSubscriptionsWrapper: SessionSubscriptionsWrapper;
enqueueInferenceJob: (
jobToken: string,
frontendInferenceJobType: FrontendInferenceJobType
@@ -83,35 +81,31 @@ export default function VideoMotionCapture(props: {
/>
- {/*Video Provision Tabs & Job Statuses*/}
-
- {pageState !== SHOW_JOB_STATUS &&
-
- }
- {pageState === SHOW_JOB_STATUS && (
-
- )}
-
- {/*ENDS Video Chooser Tabs*/}
-
-
+ { pageState !== SHOW_JOB_STATUS &&
+
+
+
+ }
+ { pageState === START &&
+
+ }
+ { pageState === SHOW_JOB_STATUS &&
+
+
{t("tab.message.mocapNetRequestSucceed")}
+
+ }
{/*2nd row*/}
{/*panel*/}
+
);
}
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/pageInferenceStatuses.tsx b/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/pageInferenceStatuses.tsx
deleted file mode 100644
index d742e22801..0000000000
--- a/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/pageInferenceStatuses.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react'
-
-import { Analytics } from "common/Analytics";
-import InferenceJobsList from "components/layout/InferenceJobsList";
-import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob";
-
-export function PageInferenceStatuses (props:{
- t: Function,
- pageStates: Object,
- pageStateCallback: (data:{nextState:number, token?:string}) => void
-}){
- const { t } = props;
-
- const failures = (fail = "") => {
- switch (fail) {
- case "sample case":
- return "Sample Case, this should not have been shown";
- default:
- return "Unknown failure";
- }
- };
-
- return(
-
-
{t("tab.message.mocapNetRequestSucceed")}
-
- Analytics.voiceConversionClickDownload(),
- jobType: FrontendInferenceJobType.VideoMotionCapture,
- }}/>
-
- )
-}
\ No newline at end of file
diff --git a/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/videoMotionCaptureJobList.tsx b/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/videoMotionCaptureJobList.tsx
new file mode 100644
index 0000000000..7ef6285ded
--- /dev/null
+++ b/packages/fakeyou.com/src/v2/view/pages/video_mocap/components/videoMotionCaptureJobList.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+import { Analytics } from "common/Analytics";
+import InferenceJobsList from "components/layout/InferenceJobsList";
+import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob";
+
+export default function VideoMotionCaptureJobList(){
+ const failures = (fail = "") => {
+ switch (fail) {
+ case "sample case":
+ return "Sample Case, this should not have been shown";
+ default:
+ return "Unknown failure";
+ }
+ };
+
+ return (
+ Analytics.voiceConversionClickDownload(),
+ jobType: FrontendInferenceJobType.VideoMotionCapture,
+ }}/>
+ );
+}
\ No newline at end of file