FCs for each upload type

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>

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>
   )
 }

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 };

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 };

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 };