diff --git a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx index a6fd9aafd1..712dfc34ba 100644 --- a/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx +++ b/packages/fakeyou.com/src/components/layout/InferenceJobsList/InferenceJobsList.tsx @@ -13,18 +13,20 @@ interface JobsListProps { failures: (fail: string) => string; jobType: FrontendInferenceJobType; onSelect?: (e: any) => any; + showNoJobs?: boolean; } export default function InferenceJobsList({ failures, jobType, onSelect, + showNoJobs = false, }: JobsListProps) { const { inferenceJobs = [], jobStatusDescription } = useInferenceJobs(jobType); const { t } = useLocalize("InferenceJobs"); - if (inferenceJobs.length) { + if (inferenceJobs.length || showNoJobs) { return (
{t("core.heading")}
@@ -43,6 +45,9 @@ export default function InferenceJobsList({ /> )) .reverse()} + {!inferenceJobs.length && showNoJobs && +

Currently, there are current no jobs pending.

+ }
); } else { diff --git a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/compWorkflowJoblist.tsx b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/compWorkflowJoblist.tsx new file mode 100644 index 0000000000..90cf1c39d8 --- /dev/null +++ b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/compWorkflowJoblist.tsx @@ -0,0 +1,27 @@ +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 CompWorkflowJobList({ + showNoJobs = false +}:{ + showNoJobs?:boolean +}){ + 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.VideoWorkflow, + }}/> + ); +} \ No newline at end of file diff --git a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageVideoProvision.tsx b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageVideoProvision.tsx index 4ba67418c6..beda21b06b 100644 --- a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageVideoProvision.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageVideoProvision.tsx @@ -5,6 +5,7 @@ import { BasicVideo, Panel, Tabs } from "components/common"; import { State, Action } from "../videoWorkflowReducer"; import TabContentUpload from "./tabContentUpload"; import TabContentLibrary from "./tabContentLibrary"; +import CompWorkflowJobList from "./compWorkflowJoblist"; export default function PageVideoProvision({ debug=false, parentPath, t, pageState, dispatchPageState @@ -36,20 +37,23 @@ export default function PageVideoProvision({ ]; return( - -
-
- + <> + +
+
+ +
+
+ + + +
-
- - - -
-
- + + + ); } \ No newline at end of file diff --git a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageWorkflowJoblist.tsx b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageWorkflowJoblist.tsx index f008e55075..bd9de8b4ec 100644 --- a/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageWorkflowJoblist.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/video_workflow/components/pageWorkflowJoblist.tsx @@ -1,49 +1,37 @@ import React, { memo } from 'react' - -import { Analytics } from "common/Analytics"; -import InferenceJobsList from "components/layout/InferenceJobsList"; -import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob"; +import { NavLink } from 'react-router-dom'; import { states, Action, State } from "../videoWorkflowReducer"; -import { Spinner } from 'components/common'; +import { Button, Spinner } from 'components/common'; -function VideoWorkflowJobList(){ - 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.VideoWorkflow, - }}/> - ); -} +import CompWorkflowJobList from './compWorkflowJoblist'; export default memo (function PageWorkflowJoblist({ - t, pageState, dispatchPageState + t, pageState, dispatchPageState, parentPath }: { debug?: boolean; t: Function; pageState: State; + parentPath: string dispatchPageState: (action: Action) => void; }) { - console.log(pageState); + return( <> -

Jobs

+
+ +
{pageState.status === states.WORKFLOW_ENQUEUEING &&

Requesting Filter Job

} - + ); }); \ No newline at end of file