wip, untested, but looks done-ish

vocodes/src/v2/common/SessionTtsModelUploadResultsListFc.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Link, } from 'react-router-dom';
+import { TtsModelUploadJob } from '../../jobs/TtsModelUploadJobs';
+
+interface Props {
+  modelUploadJobs: Array<TtsModelUploadJob>,
+}
+
+function SessionTtsModelUploadResultListFc(props: Props) {
+
+  let results : Array<JSX.Element> = [];
+
+  props.modelUploadJobs.forEach(job => {
+
+    if (job.maybeModelToken === undefined || job.maybeModelToken === null) {
+      results.push(
+        <div key={job.jobToken}>Pending&#8230;</div>
+      );
+    } else {
+
+      let ttsPermalink = `/w2l/${job.maybeModelToken}`
+
+      results.push(
+        <div key={job.jobToken}>
+          Complete! <Link 
+            to={ttsPermalink}
+            className="button is-normal is-outlined is-info"
+            >See &amp; use TTS model</Link>
+        </div>
+      );
+    }
+  });
+
+  let title = <span />;
+  if  (results.length !== 0) {
+      title = <h4 className="title is-4">TTS Model Upload Status</h4>;
+  }
+
+  return (
+    <div>
+      {title}
+      {results}
+    </div>
+  );
+}
+
+export { SessionTtsModelUploadResultListFc };

vocodes/src/v2/common/SessionW2lTemplateUploadResultsListFc.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Link, } from 'react-router-dom';
+import { W2lTemplateUploadJob } from '../../jobs/W2lTemplateUploadJobs';
+
+interface Props {
+  w2lTemplateUploadJobs: Array<W2lTemplateUploadJob>,
+}
+
+function SessionW2lTemplateUploadResultListFc(props: Props) {
+
+  let results : Array<JSX.Element> = [];
+
+  props.w2lTemplateUploadJobs.forEach(job => {
+
+    if (job.maybeW2lTemplateToken === undefined || job.maybeW2lTemplateToken === null) {
+      results.push(
+        <div key={job.jobToken}>Pending&#8230;</div>
+      );
+    } else {
+
+      let w2lPermalink = `/w2l/${job.maybeW2lTemplateToken}`
+
+      results.push(
+        <div key={job.jobToken}>
+          Complete! <Link 
+            to={w2lPermalink}
+            className="button is-normal is-outlined is-info"
+            >See &amp; use template</Link>
+        </div>
+      );
+    }
+  });
+
+  let title = <span />;
+  if  (results.length !== 0) {
+      title = <h4 className="title is-4">W2L Template Upload Status</h4>;
+  }
+
+  return (
+    <div>
+      {title}
+      {results}
+    </div>
+  );
+}
+
+export { SessionW2lTemplateUploadResultListFc };

vocodes/src/v2/upload/UploadTtsModelFc.tsx

@@ -4,6 +4,7 @@ import { SessionWrapper } from '../../session/SessionWrapper';
 import { TtsModelUploadJob } from '../../jobs/TtsModelUploadJobs';
 import { useHistory, Link } from "react-router-dom";
 import { v1 as uuidv1 } from 'uuid';
+import { SessionTtsModelUploadResultListFc } from '../common/SessionTtsModelUploadResultsListFc';
 
 interface Props {
   sessionWrapper: SessionWrapper,
@@ -153,6 +154,10 @@ function UploadTtsModelFc(props: Props) {
         onClick={() => {}}
         >&lt; Back to upload type selection</Link>
 
+
+      <SessionTtsModelUploadResultListFc
+        modelUploadJobs={props.ttsModelUploadJobs}
+        />
     </div>
   )
 }

vocodes/src/v2/upload/UploadW2lPhotoFc.tsx

@@ -4,6 +4,7 @@ import { SessionWrapper } from '../../session/SessionWrapper';
 import { W2lTemplateUploadJob } from '../../jobs/W2lTemplateUploadJobs';
 import { useHistory, Link } from "react-router-dom";
 import { v1 as uuidv1 } from 'uuid';
+import { SessionW2lTemplateUploadResultListFc } from '../common/SessionW2lTemplateUploadResultsListFc';
 
 interface W2lTemplateUploadJobResponsePayload {
   success: boolean,
@@ -145,6 +146,13 @@ function UploadW2lPhotoFc(props: Props) {
         className="button is-link is-fullwidth is-outlined"
         onClick={() => {}}
         >&lt; Back to upload type selection</Link>
+      
+      <br />
+      <br />
+
+      <SessionW2lTemplateUploadResultListFc
+        w2lTemplateUploadJobs={props.w2lTemplateUploadJobs}
+        />
 
     </div>
   )

vocodes/src/v2/upload/UploadW2lVideoFc.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { ApiConfig } from '../../common/ApiConfig';
+import { SessionW2lTemplateUploadResultListFc } from '../common/SessionW2lTemplateUploadResultsListFc';
 import { SessionWrapper } from '../../session/SessionWrapper';
 import { W2lTemplateUploadJob } from '../../jobs/W2lTemplateUploadJobs';
 import { useHistory, Link } from "react-router-dom";
@@ -139,14 +140,21 @@ function UploadW2lVideoFc(props: Props) {
       </form>
 
       <br />
-
       <br />
+
       <Link
         to="/upload"
         className="button is-link is-fullwidth is-outlined"
         onClick={() => {}}
         >&lt; Back to upload type selection</Link>
 
+      <br />
+      <br />
+
+      <SessionW2lTemplateUploadResultListFc
+        w2lTemplateUploadJobs={props.w2lTemplateUploadJobs}
+        />
+
     </div>
   )
 }