Rename TTS "Functional Component (FC)" pages to "*Page"

packages/fakeyou/src/v2/view/NewVocodesContainer.tsx

@@ -14,12 +14,12 @@ import { SignupPage } from './signup/SignupPage';
 import { Switch, Route } from 'react-router-dom';
 import { TermsPage } from './about/terms_page/TermsPage';
 import { TtsInferenceJob, W2lInferenceJob } from '../../App';
-import { TtsModelDeleteFc } from './tts/tts_model_delete/TtsModelDeleteFc';
-import { TtsModelEditFc } from './tts/tts_model_edit/TtsModelEditFc';
+import { TtsModelDeletePage } from './tts/tts_model_delete/TtsModelDeletePage';
+import { TtsModelEditPage } from './tts/tts_model_edit/TtsModelEditPage';
 import { TtsModelUploadJob } from '@storyteller/components/src/jobs/TtsModelUploadJobs';
-import { TtsModelViewFc } from './tts/tts_model_view/TtsModelViewFc';
-import { TtsResultDeleteFc } from './tts/tts_result_delete/TtsResultDeleteFc';
-import { TtsResultViewFc } from './tts/tts_result_view/TtsResultViewFc';
+import { TtsModelViewPage } from './tts/tts_model_view/TtsModelViewPage';
+import { TtsResultDeletePage } from './tts/tts_result_delete/TtsResultDeletePage';
+import { TtsResultViewPage } from './tts/tts_result_view/TtsResultViewPage';
 import { ContributeIndexPage } from './contribute/ContributeIndexPage';
 import { UploadTtsModelFc } from './upload/UploadTtsModelFc';
 import { UploadW2lPhotoFc } from './upload/UploadW2lPhotoFc';
@@ -28,13 +28,13 @@ import { W2lResultViewFc } from './w2l/w2l_result_view/W2lResultViewFc';
 import { W2lTemplateListFc } from './w2l/w2l_template_list/W2lTemplateListFc';
 import { W2lTemplateUploadJob } from '@storyteller/components/src/jobs/W2lTemplateUploadJobs';
 import { W2lTemplateViewFc } from './w2l/w2l_template_view/W2lTemplateViewFc';
-import { TtsResultEditFc } from './tts/tts_result_edit/TtsResultEditFc';
+import { TtsResultEditPage } from './tts/tts_result_edit/TtsResultEditPage';
 import { W2lResultEditFc } from './w2l/w2l_result_edit/W2lResultEditFc';
 import { W2lTemplateDeleteFc } from './w2l/w2l_template_delete/W2lTemplateDeleteFc';
 import { W2lTemplateEditFc } from './w2l/w2l_template_edit/W2lTemplateEditFc';
 import { W2lResultDeleteFc } from './w2l/w2l_result_delete/W2lResultDeleteFc';
 import { W2lTemplateApproveFc } from './w2l/w2l_template_approve/W2lTemplateApproveFc';
-import { TtsModelListFc } from './tts/tts_model_list/TtsModelListFc';
+import { TtsModelListPage } from './tts/tts_model_list/TtsModelListPage';
 import { TtsModelListItem } from '@storyteller/components/src/api/tts/ListTtsModels';
 import { ProfileBanFc } from './profile/profile_ban/ProfileBanFc';
 import { ModerationUserListFc } from './moderation/moderation_user_list/ModerationUserList';
@@ -191,25 +191,25 @@ class NewVocodesContainer extends React.Component<Props, State> {
             */}
 
             <Route path="/tts/result/:token/edit">
-              <TtsResultEditFc
+              <TtsResultEditPage
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
 
             <Route path="/tts/result/:token/delete">
-              <TtsResultDeleteFc
+              <TtsResultDeletePage
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
 
             <Route path="/tts/result/:token">
-              <TtsResultViewFc
+              <TtsResultViewPage
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
 
             <Route path="/tts/:token/edit">
-              <TtsModelEditFc
+              <TtsModelEditPage
                 sessionWrapper={this.props.sessionWrapper}
                 enqueueTtsJob={this.props.enqueueTtsJob}
                 ttsInferenceJobs={this.props.ttsInferenceJobs}
@@ -217,7 +217,7 @@ class NewVocodesContainer extends React.Component<Props, State> {
             </Route>
 
             <Route path="/tts/:token/delete">
-              <TtsModelDeleteFc
+              <TtsModelDeletePage
                 sessionWrapper={this.props.sessionWrapper}
               />
             </Route>
@@ -229,7 +229,7 @@ class NewVocodesContainer extends React.Component<Props, State> {
             </Route>
 
             <Route path="/tts/:token">
-              <TtsModelViewFc
+              <TtsModelViewPage
                 sessionWrapper={this.props.sessionWrapper}
                 enqueueTtsJob={this.props.enqueueTtsJob}
                 ttsInferenceJobs={this.props.ttsInferenceJobs}
@@ -408,7 +408,7 @@ class NewVocodesContainer extends React.Component<Props, State> {
             </Route>
 
             <Route path="/">
-              <TtsModelListFc
+              <TtsModelListPage
                 sessionWrapper={this.props.sessionWrapper}
                 isShowingVocodesNotice={this.props.isShowingVocodesNotice}
                 clearVocodesNotice={this.props.clearVocodesNotice}

packages/fakeyou/src/v2/view/tts/tts_model_delete/TtsModelDeletePage.tsx

@@ -44,7 +44,7 @@ interface Props {
   sessionWrapper: SessionWrapper;
 }
 
-function TtsModelDeleteFc(props: Props) {
+function TtsModelDeletePage(props: Props) {
   const history = useHistory();
 
   let { token } = useParams() as { token: string };
@@ -292,4 +292,4 @@ function TtsModelDeleteFc(props: Props) {
   );
 }
 
-export { TtsModelDeleteFc };
+export { TtsModelDeletePage };

packages/fakeyou/src/v2/view/tts/tts_model_edit/TtsModelEditPage.tsx

@@ -43,7 +43,7 @@ interface Props {
   ttsInferenceJobs: Array<TtsInferenceJob>;
 }
 
-function TtsModelEditFc(props: Props) {
+function TtsModelEditPage(props: Props) {
   let { token } = useParams() as { token: string };
 
   const history = useHistory();
@@ -479,4 +479,4 @@ function TtsModelEditFc(props: Props) {
   );
 }
 
-export { TtsModelEditFc };
+export { TtsModelEditPage };

packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx

@@ -96,7 +96,7 @@ interface Props {
   setMaybeSelectedTtsModel: (maybeSelectedTtsModel: TtsModelListItem) => void;
 }
 
-function TtsModelListFc(props: Props) {
+function TtsModelListPage(props: Props) {
   let {
     setTtsModels,
     setAllTtsCategories,
@@ -636,4 +636,4 @@ function dynamicallyCategorizeModels(models: TtsModelListItem[]) {
   });
 }
 
-export { TtsModelListFc };
+export { TtsModelListPage };

packages/fakeyou/src/v2/view/tts/tts_model_view/TtsModelViewPage.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useCallback } from "react";
 import { ApiConfig } from "@storyteller/components";
-import { EnqueueJobResponsePayload } from "../tts_model_list/TtsModelListFc";
+import { EnqueueJobResponsePayload } from "../tts_model_list/TtsModelListPage";
 import { SessionTtsInferenceResultListFc } from "../../_common/SessionTtsInferenceResultsListFc";
 import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
 import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
@@ -55,7 +55,7 @@ interface Props {
   clearTextBuffer: () => void;
 }
 
-function TtsModelViewFc(props: Props) {
+function TtsModelViewPage(props: Props) {
   let { token } = useParams() as { token: string };
 
   const [ttsModel, setTtsModel] = useState<TtsModel | undefined>(undefined);
@@ -669,4 +669,4 @@ function recursiveBuildHierarchy(
   ];
 }
 
-export { TtsModelViewFc };
+export { TtsModelViewPage };

packages/fakeyou/src/v2/view/tts/tts_result_delete/TtsResultDeletePage.tsx

@@ -52,7 +52,7 @@ interface Props {
   sessionWrapper: SessionWrapper;
 }
 
-function TtsResultDeleteFc(props: Props) {
+function TtsResultDeletePage(props: Props) {
   const history = useHistory();
 
   let { token }: { token: string } = useParams();
@@ -261,4 +261,4 @@ function TtsResultDeleteFc(props: Props) {
   );
 }
 
-export { TtsResultDeleteFc };
+export { TtsResultDeletePage };

packages/fakeyou/src/v2/view/tts/tts_result_edit/TtsResultEditPage.tsx

@@ -57,7 +57,7 @@ interface Props {
   sessionWrapper: SessionWrapper;
 }
 
-function TtsResultEditFc(props: Props) {
+function TtsResultEditPage(props: Props) {
   let { token }: { token: string } = useParams();
 
   const history = useHistory();
@@ -204,4 +204,4 @@ function TtsResultEditFc(props: Props) {
   );
 }
 
-export { TtsResultEditFc };
+export { TtsResultEditPage };

packages/fakeyou/src/v2/view/tts/tts_result_view/TtsResultViewPage.tsx

@@ -31,7 +31,7 @@ interface Props {
   sessionWrapper: SessionWrapper;
 }
 
-function TtsResultViewFc(props: Props) {
+function TtsResultViewPage(props: Props) {
   let { token }: { token: string } = useParams();
 
   const [ttsInferenceResult, setTtsInferenceResult] = useState<
@@ -434,4 +434,4 @@ function TtsResultViewFc(props: Props) {
   );
 }
 
-export { TtsResultViewFc };
+export { TtsResultViewPage };