From 630537bdf08dbf8d6aa06b35ee43d6b2405dc353 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 26 May 2021 23:26:33 -0400
Subject: [PATCH] FCs for each upload type

---
 vocodes/src/v2/NewVocodesContainer.tsx     | 20 ++++++++++++-----
 vocodes/src/v2/upload/UploadChoiceFc.tsx   |  6 ++---
 vocodes/src/v2/upload/UploadTtsModelFc.tsx | 26 ++++++++++++++++++++++
 vocodes/src/v2/upload/UploadW2lPhotoFc.tsx | 26 ++++++++++++++++++++++
 vocodes/src/v2/upload/UploadW2lVideoFc.tsx | 26 ++++++++++++++++++++++
 5 files changed, 94 insertions(+), 10 deletions(-)
 create mode 100644 vocodes/src/v2/upload/UploadTtsModelFc.tsx
 create mode 100644 vocodes/src/v2/upload/UploadW2lPhotoFc.tsx
 create mode 100644 vocodes/src/v2/upload/UploadW2lVideoFc.tsx

diff --git a/vocodes/src/v2/NewVocodesContainer.tsx b/vocodes/src/v2/NewVocodesContainer.tsx
index 728f493d0d..eced69a812 100644
--- a/vocodes/src/v2/NewVocodesContainer.tsx
+++ b/vocodes/src/v2/NewVocodesContainer.tsx
@@ -10,8 +10,10 @@ import { SignupComponent } from './signup/SignupComponent';
 import { Switch, Route, RouteProps } from 'react-router-dom';
 import { TtsModelListComponent } from './tts_model/TtsModelListComponent';
 import { UploadChoiceFc } from './upload/UploadChoiceFc';
-import { UploadComponent } from './upload/UploadComponent';
+import { UploadW2lPhotoFc } from './upload/UploadW2lPhotoFc';
+import { UploadW2lVideoFc } from './upload/UploadW2lVideoFc';
 import { W2lTemplateListComponent } from './w2l_template_list/W2lTemplateListComponent';
+import { UploadTtsModelFc } from './upload/UploadTtsModelFc';
 
 interface Props {
   sessionWrapper: SessionWrapper,
@@ -100,20 +102,26 @@ class NewVocodesContainer extends React.Component<Props, State> {
               />
             </Route>
 
-            <Route path="/upload">
-              <UploadChoiceFc
+            <Route path="/upload/w2l_photo">
+              <UploadW2lPhotoFc
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
 
-            <Route path="/upload/w2l">
-              <UploadComponent
+            <Route path="/upload/w2l_video">
+              <UploadW2lVideoFc
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
 
             <Route path="/upload/tts">
-              <UploadComponent
+              <UploadTtsModelFc
+                sessionWrapper={this.props.sessionWrapper}
+              />
+            </Route>
+
+            <Route path="/upload">
+              <UploadChoiceFc
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
diff --git a/vocodes/src/v2/upload/UploadChoiceFc.tsx b/vocodes/src/v2/upload/UploadChoiceFc.tsx
index d868e9318c..9ef9c05cac 100644
--- a/vocodes/src/v2/upload/UploadChoiceFc.tsx
+++ b/vocodes/src/v2/upload/UploadChoiceFc.tsx
@@ -5,7 +5,6 @@ import { ApiConfig } from '../../v1/api/ApiConfig';
 
 interface Props {
   sessionWrapper: SessionWrapper,
-  querySessionAction: () => void,
 }
 
 function UploadChoiceFc(props: Props) {
@@ -42,7 +41,7 @@ function UploadChoiceFc(props: Props) {
       <br />
 
       <Link
-        to="/upload/tts"
+        to="/upload/w2l_video"
         className="button is-link is-large is-fullwidth is-outlined"
         onClick={() => {}}
         >Upload lipsync video (w2l)</Link>
@@ -50,12 +49,11 @@ function UploadChoiceFc(props: Props) {
       <br />
 
       <Link
-        to="/upload/tts"
+        to="/upload/w2l_photo"
         className="button is-info is-large is-fullwidth is-outlined"
         onClick={() => {}}
         >Upload lipsync photo (w2l)</Link>
 
-
     </div>
   )
 }
diff --git a/vocodes/src/v2/upload/UploadTtsModelFc.tsx b/vocodes/src/v2/upload/UploadTtsModelFc.tsx
new file mode 100644
index 0000000000..0f7c4f674d
--- /dev/null
+++ b/vocodes/src/v2/upload/UploadTtsModelFc.tsx
@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import { SessionWrapper } from '../../session/SessionWrapper';
+import { useHistory, Link } from "react-router-dom";
+import { ApiConfig } from '../../v1/api/ApiConfig';
+
+interface Props {
+  sessionWrapper: SessionWrapper,
+}
+
+function UploadTtsModelFc(props: Props) {
+  let history = useHistory();
+
+  if (!props.sessionWrapper.isLoggedIn()) {
+    history.push('/');
+  }
+
+  return (
+    <div>
+      <h1 className="title is-1"> Upload Voice (TTS Model) </h1>
+
+
+    </div>
+  )
+}
+
+export { UploadTtsModelFc };
diff --git a/vocodes/src/v2/upload/UploadW2lPhotoFc.tsx b/vocodes/src/v2/upload/UploadW2lPhotoFc.tsx
new file mode 100644
index 0000000000..f3102f036e
--- /dev/null
+++ b/vocodes/src/v2/upload/UploadW2lPhotoFc.tsx
@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import { SessionWrapper } from '../../session/SessionWrapper';
+import { useHistory, Link } from "react-router-dom";
+import { ApiConfig } from '../../v1/api/ApiConfig';
+
+interface Props {
+  sessionWrapper: SessionWrapper,
+}
+
+function UploadW2lPhotoFc(props: Props) {
+  let history = useHistory();
+
+  if (!props.sessionWrapper.isLoggedIn()) {
+    history.push('/');
+  }
+
+  return (
+    <div>
+      <h1 className="title is-1"> Upload Photo (w2l template) </h1>
+
+
+    </div>
+  )
+}
+
+export { UploadW2lPhotoFc };
diff --git a/vocodes/src/v2/upload/UploadW2lVideoFc.tsx b/vocodes/src/v2/upload/UploadW2lVideoFc.tsx
new file mode 100644
index 0000000000..cd62230b66
--- /dev/null
+++ b/vocodes/src/v2/upload/UploadW2lVideoFc.tsx
@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import { SessionWrapper } from '../../session/SessionWrapper';
+import { useHistory, Link } from "react-router-dom";
+import { ApiConfig } from '../../v1/api/ApiConfig';
+
+interface Props {
+  sessionWrapper: SessionWrapper,
+}
+
+function UploadW2lVideoFc(props: Props) {
+  let history = useHistory();
+
+  if (!props.sessionWrapper.isLoggedIn()) {
+    history.push('/');
+  }
+
+  return (
+    <div>
+      <h1 className="title is-1"> Upload Video (w2l template) </h1>
+
+
+    </div>
+  )
+}
+
+export { UploadW2lVideoFc };