From 95d5ddcf0152e9b11840ebbbcbd116973e0b3631 Mon Sep 17 00:00:00 2001 From: Victor Date: Thu, 3 Oct 2024 12:46:59 -0700 Subject: [PATCH] implemented dynamic lazy loaded routes --- .../src/v2/view/PageContainer-fixed-load.tsx | 562 +++++++++ .../fakeyou.com/src/v2/view/PageContainer.tsx | 1013 ++++++++--------- .../view/pages/about/about_page/AboutPage.tsx | 6 +- .../view/pages/about/guide_page/GuidePage.tsx | 6 +- .../Beta3DVideoCompositorForm.tsx | 4 +- .../Beta3DVideoCompositorPage.tsx | 4 +- .../pages/beta_products/BetaLipSyncForm.tsx | 4 +- .../pages/beta_products/BetaLipSyncPage.tsx | 4 +- .../beta_products/BetaVideoCompositorForm.tsx | 4 +- .../beta_products/BetaVideoCompositorPage.tsx | 4 +- .../pages/category/CreateCategoryPage.tsx | 4 +- .../VoiceCloneRequestPage.tsx | 6 +- .../contest/CommunityCommissionsPage.tsx | 6 +- .../pages/contribute/ContributeIndexPage.tsx | 4 +- .../src/v2/view/pages/explore/ExplorePage.tsx | 4 +- .../pages/firehose/FirehoseEventListPage.tsx | 4 +- .../src/v2/view/pages/landing/LandingPage.tsx | 4 +- .../PostlaunchLanding/CreatorTypeformPage.tsx | 4 +- .../StudioMobileCheckPage.tsx | 4 +- .../pages/leaderboard/LeaderboardPage.tsx | 4 +- .../src/v2/view/pages/login/LoginPage.tsx | 5 +- .../moderation/ModerationTokenInfoPage.tsx | 4 +- .../ModerationCategoryDeletePage.tsx | 4 +- .../ModerationTtsCategoryEditPage.tsx | 4 +- .../ModerationTtsCategoryListPage.tsx | 4 +- .../job_control/ModerationJobControlPage.tsx | 4 +- .../ModerationIpBanListFc.tsx | 4 +- .../ModerationJobStatsFc.tsx | 4 +- .../moderation_main/ModerationPage.tsx | 4 +- .../ModerationPendingW2lTemplatesFc.tsx | 4 +- .../ModerationUserFeatureFlagsPage.tsx | 4 +- .../ModerationUserList.tsx | 4 +- .../ModerationViewIpBanFc.tsx | 4 +- .../ModerationVoiceStatsFc.tsx | 4 +- .../src/v2/view/pages/news/NewsPage.tsx | 4 +- .../password_reset/PasswordResetEmailPage.tsx | 4 +- .../PasswordResetVerificationPage.tsx | 4 +- .../src/v2/view/pages/patrons/PatronPage.tsx | 4 +- .../view/pages/premium/CheckoutCancelPage.tsx | 4 +- .../pages/premium/CheckoutSuccessPage.tsx | 4 +- .../view/pages/premium/PortalSuccessPage.tsx | 4 +- .../src/v2/view/pages/premium/PricingPage.tsx | 4 +- .../ProductUsageInfoPage.tsx | 4 +- .../profile/profile_ban/ProfileBanFc.tsx | 4 +- .../profile/profile_edit/ProfileEditFc.tsx | 4 +- .../profile/profile_view/ProfilePageV3.tsx | 2 +- .../src/v2/view/pages/signup/SignupPage.tsx | 5 +- .../view/pages/tools_test/ToolsTestPage.tsx | 8 +- .../TtsEditCategoriesPage.tsx | 4 +- .../tts_model_delete/TtsModelDeletePage.tsx | 4 +- .../tts/tts_model_edit/TtsModelEditPage.tsx | 4 +- .../tts/tts_model_view/TtsModelViewPage.tsx | 4 +- .../tts_result_delete/TtsResultDeletePage.tsx | 4 +- .../tts/tts_result_edit/TtsResultEditPage.tsx | 4 +- .../tts/tts_result_view/TtsResultViewPage.tsx | 4 +- .../pages/upload/UploadNewTtsModelPage.tsx | 4 +- .../view/pages/upload/UploadTtsModelPage.tsx | 4 +- .../src/v2/view/pages/vocodes/VocodesPage.tsx | 53 +- .../voice_designer/VoiceDesignerFormPage.tsx | 4 +- .../voice_designer/VoiceDesignerMainPage.tsx | 6 +- .../VoiceDesignerVoiceEditPage.tsx | 4 +- .../w2l_result_delete/W2lResultDeletePage.tsx | 4 +- .../w2l/w2l_result_edit/W2lResultEditPage.tsx | 4 +- .../w2l/w2l_result_view/W2lResultViewPage.tsx | 4 +- .../W2lTemplateApprovePage.tsx | 4 +- .../W2lTemplateDeletePage.tsx | 4 +- .../w2l_template_edit/W2lTemplateEditPage.tsx | 4 +- .../w2l_template_list/W2lTemplateListPage.tsx | 4 +- 68 files changed, 1133 insertions(+), 769 deletions(-) create mode 100644 src/website/packages/fakeyou.com/src/v2/view/PageContainer-fixed-load.tsx diff --git a/src/website/packages/fakeyou.com/src/v2/view/PageContainer-fixed-load.tsx b/src/website/packages/fakeyou.com/src/v2/view/PageContainer-fixed-load.tsx new file mode 100644 index 0000000000..884d5a03bb --- /dev/null +++ b/src/website/packages/fakeyou.com/src/v2/view/PageContainer-fixed-load.tsx @@ -0,0 +1,562 @@ +import React from "react"; +import { Switch, Route } from "react-router-dom"; +import ProfileSidePanel from "components/layout/ProfileSidePanel/ProfileSidePanel"; +import TopNav from "components/layout/TopNav/TopNav"; + +import AboutPage from "./pages/about/about_page/AboutPage"; +import GuidePage from "./pages/about/guide_page/GuidePage"; +import FirehoseEventListPage from "./pages/firehose/FirehoseEventListPage"; +import LoginPage from "./pages/login/LoginPage"; +import ModerationPage from "./pages/moderation/moderation_main/ModerationPage"; +import ModerationIpBanListFc from "./pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc"; +import ModerationViewIpBanFc from "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc"; +import FaceAnimator from "./pages/face_animator"; +import VideoMocap from "./pages/video_mocap"; +import ProfileEditFc from "./pages/profile/profile_edit/ProfileEditFc"; +import SignupPage from "./pages/signup/SignupPage"; +import TtsModelDeletePage from "./pages/tts/tts_model_delete/TtsModelDeletePage"; +import TtsModelEditPage from "./pages/tts/tts_model_edit/TtsModelEditPage"; +import TtsModelViewPage from "./pages/tts/tts_model_view/TtsModelViewPage"; +import TtsResultDeletePage from "./pages/tts/tts_result_delete/TtsResultDeletePage"; +import TtsResultViewPage from "./pages/tts/tts_result_view/TtsResultViewPage"; +import ContributeIndexPage from "./pages/contribute/ContributeIndexPage"; +import UploadTtsModelPage from "./pages/upload/UploadTtsModelPage"; +import UploadSdWeightPage from "./pages/upload/UploadSdWeightPage"; +import UploadLoraWeightPage from "./pages/upload/UploadLoraWeightPage"; +import UploadWorkflowPage from "./pages/upload/UploadWorkflowPage"; +import W2lResultViewPage from "./pages/w2l/w2l_result_view/W2lResultViewPage"; +import W2lTemplateListPage from "./pages/w2l/w2l_template_list/W2lTemplateListPage"; +import TtsResultEditPage from "./pages/tts/tts_result_edit/TtsResultEditPage"; +import W2lResultEditPage from "./pages/w2l/w2l_result_edit/W2lResultEditPage"; +import W2lTemplateDeletePage from "./pages/w2l/w2l_template_delete/W2lTemplateDeletePage"; +import W2lTemplateEditPage from "./pages/w2l/w2l_template_edit/W2lTemplateEditPage"; +import W2lResultDeletePage from "./pages/w2l/w2l_result_delete/W2lResultDeletePage"; +import W2lTemplateApprovePage from "./pages/w2l/w2l_template_approve/W2lTemplateApprovePage"; +import ProfileBanFc from "./pages/profile/profile_ban/ProfileBanFc"; +import ModerationUserListFc from "./pages/moderation/moderation_user_list/ModerationUserList"; +import LeaderboardPage from "./pages/leaderboard/LeaderboardPage"; +import ModerationJobStatsFc from "./pages/moderation/moderation_job_stats/ModerationJobStatsFc"; +import ModerationUserFeatureFlagsPage from "./pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage"; +import ModerationPendingW2lTemplatesFc from "./pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc"; +import ModerationVoiceStatsFc from "./pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc"; +import CreateCategoryPage from "./pages/category/CreateCategoryPage"; +import TtsEditCategoriesPage from "./pages/tts/tts_edit_categories/TtsEditCategoriesPage"; +import ModerationTtsCategoryListPage from "./pages/moderation/categories/ModerationTtsCategoryListPage"; +import ModerationTtsCategoryEditPage from "./pages/moderation/categories/ModerationTtsCategoryEditPage"; +import ModerationCategoryDeletePage from "./pages/moderation/categories/ModerationCategoryDeletePage"; +import PatronPage from "./pages/patrons/PatronPage"; +import VoiceCloneRequestPage from "./pages/clone_voice_requests/VoiceCloneRequestPage"; +import VocodesPage from "./pages/vocodes/VocodesPage"; +import PricingPage from "./pages/premium/PricingPage"; +import CheckoutSuccessPage from "./pages/premium/CheckoutSuccessPage"; +import CheckoutCancelPage from "./pages/premium/CheckoutCancelPage"; +import PortalSuccessPage from "./pages/premium/PortalSuccessPage"; +import NewsPage from "./pages/news/NewsPage"; +import LandingPage from "./pages/landing/LandingPage"; +import CommunityCommissionsPage from "./pages/contest/CommunityCommissionsPage"; +import ProductUsageInfoPage from "./pages/product_usage_info/ProductUsageInfoPage"; +import VcModelViewPage from "./pages/vc/vc_model_view/VcModelViewPage"; +import VcModelEditPage from "./pages/vc/vc_model_edit/VcModelEditPage"; +import VcModelDeletePage from "./pages/vc/vc_model_delete/VcModelDeletePage"; +import MediaPageSwitch from "./pages/media/MediaPageSwitch"; +import EditCoverImage from "./pages/media/EditCoverImage"; +import MediaRenamePage from "./pages/media/MediaRenamePage"; +import VoiceDesignerFormPage from "./pages/voice_designer/VoiceDesignerFormPage"; +import VoiceDesignerMainPage from "./pages/voice_designer/VoiceDesignerMainPage"; +import VoiceDesignerVoiceEditPage from "./pages/voice_designer/VoiceDesignerVoiceEditPage"; +import VoiceDesignerUseVoicePage from "./pages/voice_designer/VoiceDesignerUseVoicePage"; +import PasswordResetEmailPage from "./pages/password_reset/PasswordResetEmailPage"; +import PasswordResetVerificationPage from "./pages/password_reset/PasswordResetVerificationPage"; +import InferenceJobsPage from "./pages/inference_jobs_page/InferenceJobsPage"; +import ModerationJobControlPage from "./pages/moderation/job_control/ModerationJobControlPage"; +import WeightPage from "./pages/weight/WeightPage"; +import ExplorePage from "./pages/explore/ExplorePage"; +import SearchPage from "./pages/search/SearchPage"; +import WeightEditPage from "./pages/weight/WeightEditPage"; +import FbxToGltfPage from "./pages/fbx_to_gltf/FbxToGltfPage"; +import ScrollToTop from "./_common/ScrollToTop"; +import TextToImagePage from "./pages/text_to_image/TextToImagePage"; +import DevUpload from "./pages/dev_upload/DevUpload"; +import DevMediaInput from "./pages/dev_upload/DevMediaInput"; +import NewTTS from "./pages/audio_gen/tts/NewTTS"; +import NewTrumpTTS from "./pages/audio_gen/tts/NewTrumpTTS"; +import NewVC from "./pages/audio_gen/vc/NewVC"; +import DashboardPage from "./pages/dashboard/DashboardPage"; +import DevUploadAlt from "./pages/dev_upload/DevUploadAlt"; +import ModerationTokenInfoPage from "./pages/moderation/ModerationTokenInfoPage"; +import StyleVideo from "./pages/style-video"; +import CreateBetaKeyPage from "./pages/beta_key/CreateBetaKeyPage"; +import RedeemBetaKeyPage from "./pages/beta_key/RedeemBetaKeyPage"; +import RedeemSuccessPage from "./pages/beta_key/RedeemSuccessPage"; +import BetaKeysListPage from "./pages/beta_key/BetaKeysListPage"; +import ProfilePageV3 from "./pages/profile/profile_view/ProfilePageV3"; +import CreatorToolsPage from "./pages/creator_tools/CreatorToolsPage"; +import WaitlistNextStepsPage from "./pages/waitlist_next_steps/WaitlistNextStepsPage"; +import CreatorTypeformPage from "./pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage"; +import SignUpSuccessPage from "./pages/beta_key/SignUpSuccessPage"; +import StudioMobileCheckPage from "./pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage"; +import UploadNewTtsModelPage from "./pages/upload/UploadNewTtsModelPage"; +import LivePortrait from "./pages/live_portrait/LivePortrait"; +import CameraLivePortrait from "./pages/live_portrait/CameraLivePortrait"; +import BetaLipSyncForm from "./pages/beta_products/BetaLipSyncForm"; +import BetaLipSyncPage from "./pages/beta_products/BetaLipSyncPage"; +import ToolsTestPage from "./pages/tools_test/ToolsTestPage"; +import BetaVideoCompositorForm from "./pages/beta_products/BetaVideoCompositorForm"; +import BetaVideoCompositorPage from "./pages/beta_products/BetaVideoCompositorPage"; +import Beta3DVideoCompositorForm from "./pages/beta_products/Beta3DVideoCompositorForm"; +import Beta3DVideoCompositorPage from "./pages/beta_products/Beta3DVideoCompositorPage"; +import Lipsync from "./pages/lipsync/Lipsync"; +import SetUsernamePage from "./pages/signup/SetUsernameModal"; + +// NB: Google Sign In requires a global javascript function +declare global { + function handleGoogleCredentialResponse(args: any): void; +} + +export default function PageContainer() { + return ( + <> + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ( + + )} + /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/* NEW TTS PAGE */} + + + + + {/* NEW VC PAGE */} + + + + + {/* NEW LIVE PORTRAIT PAGE */} + + + + + + + + + + + + + {/* Route for initial voice creation */} + + + + + {/* Route for editing the dataset details */} + + + + + {/* Route for handling dataset token for uploading samples */} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/* test page for tools */} + + + + + + + + + + + + +
+ + ); +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx index e6c584a1ef..deb5ffac19 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/PageContainer.tsx @@ -1,116 +1,473 @@ -import React from "react"; -import { AboutPage } from "./pages/about/about_page/AboutPage"; -import { GuidePage } from "./pages/about/guide_page/GuidePage"; -import { FirehoseEventListPage } from "./pages/firehose/FirehoseEventListPage"; -import { LoginPage } from "./pages/login/LoginPage"; -import { ModerationPage } from "./pages/moderation/moderation_main/ModerationPage"; -import { ModerationIpBanListFc } from "./pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc"; -import { ModerationViewIpBanFc } from "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc"; -import FaceAnimator from "./pages/face_animator"; -import VideoMocap from "./pages/video_mocap"; -import { ProfileEditFc } from "./pages/profile/profile_edit/ProfileEditFc"; -import { SignupPage } from "./pages/signup/SignupPage"; +import React, { lazy, Suspense } from "react"; import { Switch, Route } from "react-router-dom"; -import { TtsModelDeletePage } from "./pages/tts/tts_model_delete/TtsModelDeletePage"; -import { TtsModelEditPage } from "./pages/tts/tts_model_edit/TtsModelEditPage"; -import { TtsModelViewPage } from "./pages/tts/tts_model_view/TtsModelViewPage"; -import { TtsResultDeletePage } from "./pages/tts/tts_result_delete/TtsResultDeletePage"; -import { TtsResultViewPage } from "./pages/tts/tts_result_view/TtsResultViewPage"; -import { ContributeIndexPage } from "./pages/contribute/ContributeIndexPage"; -import { UploadTtsModelPage } from "./pages/upload/UploadTtsModelPage"; -import UploadSdWeightPage from "./pages/upload/UploadSdWeightPage"; -import UploadLoraWeightPage from "./pages/upload/UploadLoraWeightPage"; -import UploadWorkflowPage from "./pages/upload/UploadWorkflowPage"; -import { W2lResultViewPage } from "./pages/w2l/w2l_result_view/W2lResultViewPage"; -import { W2lTemplateListPage } from "./pages/w2l/w2l_template_list/W2lTemplateListPage"; -import { TtsResultEditPage } from "./pages/tts/tts_result_edit/TtsResultEditPage"; -import { W2lResultEditPage } from "./pages/w2l/w2l_result_edit/W2lResultEditPage"; -import { W2lTemplateDeletePage } from "./pages/w2l/w2l_template_delete/W2lTemplateDeletePage"; -import { W2lTemplateEditPage } from "./pages/w2l/w2l_template_edit/W2lTemplateEditPage"; -import { W2lResultDeletePage } from "./pages/w2l/w2l_result_delete/W2lResultDeletePage"; -import { W2lTemplateApprovePage } from "./pages/w2l/w2l_template_approve/W2lTemplateApprovePage"; -import { ProfileBanFc } from "./pages/profile/profile_ban/ProfileBanFc"; -import { ModerationUserListFc } from "./pages/moderation/moderation_user_list/ModerationUserList"; -import { LeaderboardPage } from "./pages/leaderboard/LeaderboardPage"; -import { ModerationJobStatsFc } from "./pages/moderation/moderation_job_stats/ModerationJobStatsFc"; -import { ModerationUserFeatureFlagsPage } from "./pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage"; -import { ModerationPendingW2lTemplatesFc } from "./pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc"; -import { ModerationVoiceStatsFc } from "./pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc"; -import { CreateCategoryPage } from "./pages/category/CreateCategoryPage"; -import { TtsEditCategoriesPage } from "./pages/tts/tts_edit_categories/TtsEditCategoriesPage"; -import { ModerationTtsCategoryListPage } from "./pages/moderation/categories/ModerationTtsCategoryListPage"; -import { ModerationTtsCategoryEditPage } from "./pages/moderation/categories/ModerationTtsCategoryEditPage"; -import { ModerationCategoryDeletePage } from "./pages/moderation/categories/ModerationCategoryDeletePage"; -import { PatronPage } from "./pages/patrons/PatronPage"; -import { VoiceCloneRequestPage } from "./pages/clone_voice_requests/VoiceCloneRequestPage"; -import { VocodesPage } from "./pages/vocodes/VocodesPage"; -import { PricingPage } from "./pages/premium/PricingPage"; -import { CheckoutSuccessPage } from "./pages/premium/CheckoutSuccessPage"; -import { CheckoutCancelPage } from "./pages/premium/CheckoutCancelPage"; -import { PortalSuccessPage } from "./pages/premium/PortalSuccessPage"; -import { NewsPage } from "./pages/news/NewsPage"; -import { LandingPage } from "./pages/landing/LandingPage"; -import { CommunityCommissionsPage } from "./pages/contest/CommunityCommissionsPage"; -import { ProductUsageInfoPage } from "./pages/product_usage_info/ProductUsageInfoPage"; -import VcModelViewPage from "./pages/vc/vc_model_view/VcModelViewPage"; -import VcModelEditPage from "./pages/vc/vc_model_edit/VcModelEditPage"; -import VcModelDeletePage from "./pages/vc/vc_model_delete/VcModelDeletePage"; -import TopNav from "components/layout/TopNav/TopNav"; -import MediaPageSwitch from "./pages/media/MediaPageSwitch"; -import EditCoverImage from "./pages/media/EditCoverImage"; -import MediaRenamePage from "./pages/media/MediaRenamePage"; -import { VoiceDesignerFormPage } from "./pages/voice_designer/VoiceDesignerFormPage"; -import { VoiceDesignerMainPage } from "./pages/voice_designer/VoiceDesignerMainPage"; -import { VoiceDesignerVoiceEditPage } from "./pages/voice_designer/VoiceDesignerVoiceEditPage"; -import VoiceDesignerUseVoicePage from "./pages/voice_designer/VoiceDesignerUseVoicePage"; -import { PasswordResetEmailPage } from "./pages/password_reset/PasswordResetEmailPage"; -import { PasswordResetVerificationPage } from "./pages/password_reset/PasswordResetVerificationPage"; -import InferenceJobsPage from "./pages/inference_jobs_page/InferenceJobsPage"; -import { ModerationJobControlPage } from "./pages/moderation/job_control/ModerationJobControlPage"; -import WeightPage from "./pages/weight/WeightPage"; -import ExplorePage from "./pages/explore/ExplorePage"; -import SearchPage from "./pages/search/SearchPage"; -import WeightEditPage from "./pages/weight/WeightEditPage"; -import FbxToGltfPage from "./pages/fbx_to_gltf/FbxToGltfPage"; -import ScrollToTop from "./_common/ScrollToTop"; -import TextToImagePage from "./pages/text_to_image/TextToImagePage"; -import DevUpload from "./pages/dev_upload/DevUpload"; -import DevMediaInput from "./pages/dev_upload/DevMediaInput"; -import NewTTS from "./pages/audio_gen/tts/NewTTS"; -import NewTrumpTTS from "./pages/audio_gen/tts/NewTrumpTTS"; -import NewVC from "./pages/audio_gen/vc/NewVC"; -import DashboardPage from "./pages/dashboard/DashboardPage"; -import DevUploadAlt from "./pages/dev_upload/DevUploadAlt"; -import { ModerationTokenInfoPage } from "./pages/moderation/ModerationTokenInfoPage"; -import StyleVideo from "./pages/style-video"; -import CreateBetaKeyPage from "./pages/beta_key/CreateBetaKeyPage"; -import RedeemBetaKeyPage from "./pages/beta_key/RedeemBetaKeyPage"; -import RedeemSuccessPage from "./pages/beta_key/RedeemSuccessPage"; -import BetaKeysListPage from "./pages/beta_key/BetaKeysListPage"; -import { ProfilePageV3 } from "./pages/profile/profile_view/ProfilePageV3"; import ProfileSidePanel from "components/layout/ProfileSidePanel/ProfileSidePanel"; -import CreatorToolsPage from "./pages/creator_tools/CreatorToolsPage"; -import WaitlistNextStepsPage from "./pages/waitlist_next_steps/WaitlistNextStepsPage"; -import { CreatorTypeformPage } from "./pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage"; -import SignUpSuccessPage from "./pages/beta_key/SignUpSuccessPage"; -import { StudioMobileCheckPage } from "./pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage"; -import { UploadNewTtsModelPage } from "./pages/upload/UploadNewTtsModelPage"; -import LivePortrait from "./pages/live_portrait/LivePortrait"; -import CameraLivePortrait from "./pages/live_portrait/CameraLivePortrait"; -import { BetaLipSyncForm } from "./pages/beta_products/BetaLipSyncForm"; -import { BetaLipSyncPage } from "./pages/beta_products/BetaLipSyncPage"; -import { ToolsTestPage } from "./pages/tools_test/ToolsTestPage"; -import { BetaVideoCompositorForm } from "./pages/beta_products/BetaVideoCompositorForm"; -import { BetaVideoCompositorPage } from "./pages/beta_products/BetaVideoCompositorPage"; -import { Beta3DVideoCompositorForm } from "./pages/beta_products/Beta3DVideoCompositorForm"; -import { Beta3DVideoCompositorPage } from "./pages/beta_products/Beta3DVideoCompositorPage"; -import Lipsync from "./pages/lipsync/Lipsync"; -import SetUsernamePage from "./pages/signup/SetUsernameModal"; +import TopNav from "components/layout/TopNav/TopNav"; +import ScrollToTop from "./_common/ScrollToTop"; +import { Spinner } from "components/common"; -// NB: Google Sign In requires a global javascript function -declare global { - function handleGoogleCredentialResponse(args: any): void; -} +const routes = [ + { + path: "/", + component: import("./pages/landing/LandingPage"), + exact: true, + }, + { + path: "/about", + component: import("./pages/about/about_page/AboutPage"), + }, + { + path: "/firehose", + component: import("./pages/firehose/FirehoseEventListPage"), + }, + { + path: "/news", + component: import("./pages/news/NewsPage"), + }, + { + path: "/leaderboard", + component: import("./pages/leaderboard/LeaderboardPage"), + }, + { + path: "/login", + component: import("./pages/login/LoginPage"), + }, + { + path: "/password-reset/verify", + component: import("./pages/password_reset/PasswordResetVerificationPage"), + }, + { + path: "/password-reset", + component: import("./pages/password_reset/PasswordResetEmailPage"), + }, + { + path: "/profile/:username/edit", // verify + component: import("./pages/profile/profile_edit/ProfileEditFc"), + }, + { + path: "/profile/:username/ban", // verify + component: import("./pages/profile/profile_ban/ProfileBanFc"), + }, + { + path: "/profile/:username", // verify + component: import("./pages/profile/profile_view/ProfilePageV3"), + }, + { + path: "/signup", + component: import("./pages/signup/SignupPage"), + }, + { + path: "/set-username", + component: import("./pages/signup/SetUsernameModal"), + }, + { + path: "/pricing", + component: import("./pages/premium/PricingPage"), + }, + { + path: "/checkout_success", + component: import("./pages/premium/CheckoutSuccessPage"), + }, + { + path: "/checkout_cancel", + component: import("./pages/premium/CheckoutCancelPage"), + }, + { + path: "/portal_success", + component: import("./pages/premium/PortalSuccessPage"), + }, + { + path: "/media/rename/:media_file_token", + component: import("./pages/media/MediaRenamePage"), + }, + { + path: "/media/:token", + component: import("./pages/media/MediaPageSwitch"), + }, + { + path: "/edit-cover-image/:token", + component: import("./pages/media/EditCoverImage"), + }, + { + path: "/explore", + component: import("./pages/explore/ExplorePage"), + }, + { + path: "/weight/:weight_token/edit", + component: import("./pages/weight/WeightEditPage"), + }, + { + path: "/weight/:weight_token/:maybe_url_slug?", + component: import("./pages/weight/WeightPage"), + }, + { + path: "/search/weights", + component: import("./pages/search/SearchPage"), + }, + { + path: "/tts/result/:token/edit", + component: import("./pages/tts/tts_result_edit/TtsResultEditPage"), + }, + { + path: "/tts/result/:token/delete", + component: import("./pages/tts/tts_result_delete/TtsResultDeletePage"), + }, + { + path: "/tts/result/:token", + component: import("./pages/tts/tts_result_view/TtsResultViewPage"), + }, + { + path: "/tts/:token/edit", + component: import("./pages/tts/tts_model_edit/TtsModelEditPage"), + }, + { + path: "/tts/:token/delete", + component: import("./pages/tts/tts_model_delete/TtsModelDeletePage"), + }, + { + path: "/tts/:token/categories", + component: import("./pages/tts/tts_edit_categories/TtsEditCategoriesPage"), + }, + { + path: "/tts/:token", + component: import("./pages/tts/tts_model_view/TtsModelViewPage"), + }, + { + path: "/w2l/result/:token/edit", + component: import("./pages/w2l/w2l_result_edit/W2lResultEditPage"), + }, + { + path: "/w2l/result/:token/delete", + component: import("./pages/w2l/w2l_result_delete/W2lResultDeletePage"), + }, + { + path: "/w2l/result/:token", + component: import("./pages/w2l/w2l_result_view/W2lResultViewPage"), + }, + { + path: "/w2l/:templateToken/edit", + component: import("./pages/w2l/w2l_template_edit/W2lTemplateEditPage"), + }, + { + path: "/w2l/:templateToken/approval", + component: import( + "./pages/w2l/w2l_template_approve/W2lTemplateApprovePage" + ), + }, + { + path: "/w2l/:templateToken/delete", + component: import("./pages/w2l/w2l_template_delete/W2lTemplateDeletePage"), + }, + { + path: "/video", + component: import("./pages/w2l/w2l_template_list/W2lTemplateListPage"), + }, + { + path: "/upload/tts", + component: import("./pages/upload/UploadTtsModelPage"), + }, + { + path: "/upload/tts_model", + component: import("./pages/upload/UploadNewTtsModelPage"), + }, + { + path: "/upload/sd", + component: import("./pages/upload/UploadSdWeightPage"), + }, + { + path: "/upload/lora", + component: import("./pages/upload/UploadLoraWeightPage"), + }, + { + path: "/upload/workflow", + component: import("./pages/upload/UploadWorkflowPage"), + }, + { + path: "/contribute", + component: import("./pages/contribute/ContributeIndexPage"), + }, + { + path: "/moderation/user/list", + component: import( + "./pages/moderation/moderation_user_list/ModerationUserList" + ), + }, + { + path: "/moderation/user_feature_flags/:username?", + component: import( + "./pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage" + ), + }, + { + path: "/moderation/ip_bans/:ipAddress", + component: import( + "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc" + ), + }, + { + path: "/moderation/ip_bans", + component: import( + "./pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc" + ), + }, + { + path: "/moderation/voice_stats", + component: import( + "./pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc" + ), + }, + { + path: "/moderation/job_stats", + component: import( + "./pages/moderation/moderation_job_stats/ModerationJobStatsFc" + ), + }, + { + path: "/moderation/job_control", + component: import( + "./pages/moderation/job_control/ModerationJobControlPage" + ), + }, + { + path: "/moderation/token_info", + component: import("./pages/moderation/ModerationTokenInfoPage"), + }, + { + path: "/moderation/tts_category/list", + component: import( + "./pages/moderation/categories/ModerationTtsCategoryListPage" + ), + }, + { + path: "/moderation/tts_category/edit/:token", + component: import( + "./pages/moderation/categories/ModerationTtsCategoryEditPage" + ), + }, + { + path: "/moderation/category/delete/:token", + component: import( + "./pages/moderation/categories/ModerationCategoryDeletePage" + ), + }, + { + path: "/moderation/approve/w2l_templates", + component: import( + "./pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc" + ), + }, + { + path: "/moderation", + component: import("./pages/moderation/moderation_main/ModerationPage"), + }, + { + path: "/clone", + component: import("./pages/clone_voice_requests/VoiceCloneRequestPage"), + }, + { + path: "/patrons", + component: import("./pages/patrons/PatronPage"), + }, + { + path: "/product-usage", + component: import("./pages/product_usage_info/ProductUsageInfoPage"), + }, + { + path: "/voice-conversion/:token/delete", + component: import("./pages/vc/vc_model_delete/VcModelDeletePage"), + }, + { + path: "/voice-conversion/:token/edit", + component: import("./pages/vc/vc_model_edit/VcModelEditPage"), + }, + { + path: "/voice-conversion/:token", + component: import("./pages/vc/vc_model_view/VcModelViewPage"), + }, + { + path: "/dashboard", + component: import("./pages/dashboard/DashboardPage"), + }, + { + path: "/face-animator/:mediaToken?", + component: import("./pages/face_animator"), + }, + { + path: "/fbx-to-gltf/:mediaToken?", + component: import("./pages/fbx_to_gltf/FbxToGltfPage"), + }, + { + path: "/commissions", + component: import("./pages/contest/CommunityCommissionsPage"), + }, + { + path: "/guide", + component: import("./pages/about/guide_page/GuidePage"), + }, + { + path: "/old", + component: import("./pages/vocodes/VocodesPage"), + }, + { + path: "/dev-upload", + component: import("./pages/dev_upload/DevUpload"), + }, + { + path: "/dev-upload-alt", + component: import("./pages/dev_upload/DevUploadAlt"), + }, + { + path: "/dev-media-input", + component: import("./pages/dev_upload/DevMediaInput"), + }, + { + path: "/tts", + component: import("./pages/audio_gen/tts/NewTTS"), + }, + { + path: "/voice-conversion", + component: import("./pages/audio_gen/vc/NewVC"), + }, + { + path: "/ai-live-portrait", + component: import("./pages/live_portrait/LivePortrait"), + }, + { + path: "/ai-lip-sync", + component: import("./pages/lipsync/Lipsync"), + }, + { + path: "/webcam-acting", + component: import("./pages/live_portrait/CameraLivePortrait"), + }, + { + path: "/voice-designer/create", + component: import("./pages/voice_designer/VoiceDesignerFormPage"), + exact: true, + }, + { + path: "/voice-designer/dataset/:dataset_token/edit", + component: import("./pages/voice_designer/VoiceDesignerFormPage"), + exact: true, + }, + { + path: "/voice-designer/dataset/:dataset_token/upload", + component: import("./pages/voice_designer/VoiceDesignerFormPage"), + exact: true, + }, + { + path: "/voice-designer/voice/:voice_token/edit", + component: import("./pages/voice_designer/VoiceDesignerVoiceEditPage"), + }, + { + path: "/voice-designer/voice/:voice_token", + component: import("./pages/voice_designer/VoiceDesignerUseVoicePage"), + }, + { + path: "/inference-jobs-list", + component: import("./pages/inference_jobs_page/InferenceJobsPage"), + }, + { + path: "/voice-designer", + component: import("./pages/voice_designer/VoiceDesignerMainPage"), + }, + { + path: "/style-video/:mediaToken?", + component: import("./pages/style-video"), + }, + { + path: "/video-mocap/:mediaToken?", + component: import("./pages/video_mocap"), + }, + { + path: "/text-to-image", + component: import("./pages/text_to_image/TextToImagePage"), + }, + { + path: "/character/donald-trump", + component: import("./pages/audio_gen/tts/NewTrumpTTS"), + }, + { + path: "/beta/3d-video-compositor/form", + component: import("./pages/beta_products/Beta3DVideoCompositorForm"), + }, + { + path: "/beta/3d-video-compositor", + component: import("./pages/beta_products/Beta3DVideoCompositorPage"), + }, + { + path: "/beta/2d-video-compositor/form", + component: import("./pages/beta_products/BetaVideoCompositorForm"), + }, + { + path: "/beta/2d-video-compositor", + component: import("./pages/beta_products/BetaVideoCompositorPage"), + }, + { + path: "/beta/lip-sync/form", + component: import("./pages/beta_products/BetaLipSyncForm"), + }, + { + path: "/beta/lip-sync", + component: import("./pages/beta_products/BetaLipSyncPage"), + }, + { + path: "/studio-mobile-check", + component: import( + "./pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage" + ), + }, + { + path: "/category/create", + component: import("./pages/category/CreateCategoryPage"), + }, + { + path: "/creator-onboarding", + component: import( + "./pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage" + ), + }, + { + path: "/welcome", + component: import("./pages/beta_key/SignUpSuccessPage"), + }, + { + path: "/beta-key/create", + component: import("./pages/beta_key/CreateBetaKeyPage"), + }, + { + path: "/beta-key/redeem/success", + component: import("./pages/beta_key/RedeemSuccessPage"), + }, + { + path: "/beta-key/redeem/:token?", + component: import("./pages/beta_key/RedeemBetaKeyPage"), + }, + { + path: "/beta-key/list", + component: import("./pages/beta_key/BetaKeysListPage"), + }, + { + path: "/dev/tools", + component: import("./pages/tools_test/ToolsTestPage"), + }, + { + path: "/tools", + component: import("./pages/creator_tools/CreatorToolsPage"), + }, + { + path: "/waitlist-next-steps", + component: import("./pages/waitlist_next_steps/WaitlistNextStepsPage"), + }, +].map(({ path, component, exact }, key) => { + const PageComponent = lazy(() => component); + return ( + + + + + + ); +}); export default function PageContainer() { return ( @@ -120,441 +477,7 @@ export default function PageContainer() { - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ( - - )} - /> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {/* NEW TTS PAGE */} - - - - - {/* NEW VC PAGE */} - - - - - {/* NEW LIVE PORTRAIT PAGE */} - - - - - - - - - - - - - {/* Route for initial voice creation */} - - - - - {/* Route for editing the dataset details */} - - - - - {/* Route for handling dataset token for uploading samples */} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {/* test page for tools */} - - - - - - - - - - - - + {routes} ); diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/about/about_page/AboutPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/about/about_page/AboutPage.tsx index 8b272325ac..88800e43b5 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/about/about_page/AboutPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/about/about_page/AboutPage.tsx @@ -5,9 +5,7 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie import { Container, Panel } from "components/common"; import PageHeaderWithImage from "components/layout/PageHeaderWithImage"; -interface Props {} - -function AboutPage(props: Props) { +export default function AboutPage() { PosthogClient.recordPageview(); usePrefixedDocumentTitle("About Us"); @@ -192,5 +190,3 @@ function AboutPage(props: Props) { ); } - -export { AboutPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/about/guide_page/GuidePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/about/guide_page/GuidePage.tsx index b9a6114e7f..f87637ae5d 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/about/guide_page/GuidePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/about/guide_page/GuidePage.tsx @@ -5,9 +5,7 @@ import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2" import { usePrefixedDocumentTitle } from "../../../../../common/UsePrefixedDocumentTitle"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -interface Props {} - -function GuidePage(props: Props) { +export default function GuidePage() { PosthogClient.recordPageview(); usePrefixedDocumentTitle("Guide to all things Deep Fake"); @@ -162,5 +160,3 @@ function GuidePage(props: Props) { ); } - -export { GuidePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorForm.tsx index f9f4cb4313..c15b0afb83 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorForm.tsx @@ -7,7 +7,7 @@ import { GetWebsite, } from "@storyteller/components/src/env/GetWebsite"; -export const Beta3DVideoCompositorForm = () => { +export default function Beta3DVideoCompositorForm() { const location = useLocation(); const queryParams = new URLSearchParams(location.search); const email = queryParams.get("email"); @@ -34,4 +34,4 @@ export const Beta3DVideoCompositorForm = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorPage.tsx index de1f8894a6..0dda0a0937 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/Beta3DVideoCompositorPage.tsx @@ -5,7 +5,7 @@ import { AITools } from "components/marketing"; import React from "react"; // import { Widget } from "@typeform/embed-react"; -export const Beta3DVideoCompositorPage = () => { +export default function Beta3DVideoCompositorPage() { usePrefixedDocumentTitle("Beta 3D Video Compositor"); return ( <> @@ -69,4 +69,4 @@ export const Beta3DVideoCompositorPage = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx index e32713b4f5..18349e77aa 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncForm.tsx @@ -7,7 +7,7 @@ import { Website, } from "@storyteller/components/src/env/GetWebsite"; -export const BetaLipSyncForm = () => { +export default function BetaLipSyncForm() { const location = useLocation(); const queryParams = new URLSearchParams(location.search); const email = queryParams.get("email"); @@ -33,4 +33,4 @@ export const BetaLipSyncForm = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncPage.tsx index 19361a90a0..05905e63f6 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaLipSyncPage.tsx @@ -5,7 +5,7 @@ import { AITools } from "components/marketing"; import React from "react"; // import { Widget } from "@typeform/embed-react"; -export const BetaLipSyncPage = () => { +export default function BetaLipSyncPage() { usePrefixedDocumentTitle("Beta Lip Sync"); return ( <> @@ -72,4 +72,4 @@ export const BetaLipSyncPage = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx index dd0fecf059..f6dd851e29 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorForm.tsx @@ -7,7 +7,7 @@ import { Website, } from "@storyteller/components/src/env/GetWebsite"; -export const BetaVideoCompositorForm = () => { +export default function BetaVideoCompositorForm() { const location = useLocation(); const queryParams = new URLSearchParams(location.search); const email = queryParams.get("email"); @@ -34,4 +34,4 @@ export const BetaVideoCompositorForm = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorPage.tsx index f2197747ca..0096b9b3db 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/beta_products/BetaVideoCompositorPage.tsx @@ -5,7 +5,7 @@ import { AITools } from "components/marketing"; import React from "react"; // import { Widget } from "@typeform/embed-react"; -export const BetaVideoCompositorPage = () => { +export default function BetaVideoCompositorPage() { usePrefixedDocumentTitle("Beta 2D Video Compositor"); return ( <> @@ -71,4 +71,4 @@ export const BetaVideoCompositorPage = () => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/category/CreateCategoryPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/category/CreateCategoryPage.tsx index bb2a0d1d94..9584ee5d42 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/category/CreateCategoryPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/category/CreateCategoryPage.tsx @@ -17,7 +17,7 @@ const DEFAULT_CAN_DIRECTLY_HAVE_MODELS = true; const DEFAULT_CAN_HAVE_SUBCATEGORIES = false; const DEFAULT_CAN_ONLY_MODS_APPLY = false; -function CreateCategoryPage() { +export default function CreateCategoryPage() { const { sessionWrapper } = useSession(); const history = useHistory(); PosthogClient.recordPageview(); @@ -264,5 +264,3 @@ function CreateCategoryPage() { ); } - -export { CreateCategoryPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/clone_voice_requests/VoiceCloneRequestPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/clone_voice_requests/VoiceCloneRequestPage.tsx index 352fa2bdc8..1fd5588aff 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/clone_voice_requests/VoiceCloneRequestPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/clone_voice_requests/VoiceCloneRequestPage.tsx @@ -27,9 +27,9 @@ import { usePrefixedDocumentTitle } from "../../../../common/UsePrefixedDocument import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; import StorytellerStudioCTA from "components/common/StorytellerStudioCTA"; -interface Props { } +interface Props {} -function VoiceCloneRequestPage(props: Props) { +export default function VoiceCloneRequestPage(props: Props) { usePrefixedDocumentTitle("Create a Custom Voice Clone with Deep Fake TTS"); PosthogClient.recordPageview(); @@ -659,5 +659,3 @@ function VoiceCloneRequestPage(props: Props) { ); } - -export { VoiceCloneRequestPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/contest/CommunityCommissionsPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/contest/CommunityCommissionsPage.tsx index 51eb30d35b..e005100344 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/contest/CommunityCommissionsPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/contest/CommunityCommissionsPage.tsx @@ -8,9 +8,7 @@ import { faDiscord } from "@fortawesome/free-brands-svg-icons"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; import { GetDiscordLink } from "@storyteller/components/src/env/GetDiscordLink"; -interface Props {} - -function CommunityCommissionsPage(props: Props) { +export default function CommunityCommissionsPage() { usePrefixedDocumentTitle("Voice to Voice Community Commissions"); PosthogClient.recordPageview(); @@ -109,5 +107,3 @@ function CommunityCommissionsPage(props: Props) { ); } - -export { CommunityCommissionsPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx index 616ec33864..8e7d32ac4a 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/contribute/ContributeIndexPage.tsx @@ -25,7 +25,7 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie import { Button } from "components/common"; import { useSession } from "hooks"; -function ContributeIndexPage() { +export default function ContributeIndexPage() { const { sessionWrapper } = useSession(); const categoryHeading = sessionWrapper.canEditCategories() ? t("pages.contributeIndex.headingCreateCategory") @@ -195,5 +195,3 @@ function ContributeIndexPage() { ); } - -export { ContributeIndexPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx index a4b05f29ab..061f0797ab 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/explore/ExplorePage.tsx @@ -13,9 +13,7 @@ import WeightsTab from "./tabs/WeightsTab"; import MediaTab from "./tabs/MediaTab"; import { Redirect, useLocation } from "react-router-dom"; -interface ExplorePageProps {} - -export default function ExplorePage(props: ExplorePageProps) { +export default function ExplorePage() { const { pathname } = useLocation(); if (pathname === `/explore` || pathname === `/explore/`) { diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/firehose/FirehoseEventListPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/firehose/FirehoseEventListPage.tsx index b8b038114a..30badf6bff 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/firehose/FirehoseEventListPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/firehose/FirehoseEventListPage.tsx @@ -58,7 +58,7 @@ interface TargetUserInfo { default_avatar_color_index: number; } -function FirehoseEventListPage() { +export default function FirehoseEventListPage() { const [firehoseEvents, setFirehoseEvents] = useState>( [] ); @@ -418,5 +418,3 @@ function FirehoseEventListPage() { ); } - -export { FirehoseEventListPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx index 1e64de472a..e256c9a0ff 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx @@ -13,7 +13,7 @@ import PostlaunchLanding from "./storyteller/PostlaunchLanding/PostlaunchLanding import MentionsSection from "components/common/MentionsSection"; import { useSession } from "hooks"; -function LandingPage() { +export default function LandingPage() { PosthogClient.recordPageview(); const { sessionWrapper } = useSession(); @@ -52,5 +52,3 @@ function LandingPage() { ); } - -export { LandingPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage.tsx index 43dfbaa009..cf959c4738 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/CreatorTypeformPage.tsx @@ -7,7 +7,7 @@ import { Website, } from "@storyteller/components/src/env/GetWebsite"; -export const CreatorTypeformPage = () => { +export default function CreatorTypeformPage() { const location = useLocation(); const queryParams = new URLSearchParams(location.search); const email = queryParams.get("email"); @@ -38,4 +38,4 @@ export const CreatorTypeformPage = () => { /> ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage.tsx index 8c14bdf33e..11f68664f3 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/landing/storyteller/PostlaunchLanding/StudioMobileCheckPage.tsx @@ -1,7 +1,7 @@ import { DeviceNotSupported } from "components/common"; import React from "react"; -export const StudioMobileCheckPage = () => { +export default function StudioMobileCheckPage() { return (
{ />
); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/leaderboard/LeaderboardPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/leaderboard/LeaderboardPage.tsx index 96594266a5..458515e2dd 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/leaderboard/LeaderboardPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/leaderboard/LeaderboardPage.tsx @@ -15,7 +15,7 @@ import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2" import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function LeaderboardPage() { +export default function LeaderboardPage() { const [leaderboard, setLeaderboard] = useState( undefined ); @@ -151,5 +151,3 @@ function LeaderboardPage() { ); } - -export { LeaderboardPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/login/LoginPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/login/LoginPage.tsx index a023eed3cb..0c5a721dbb 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/login/LoginPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/login/LoginPage.tsx @@ -23,7 +23,7 @@ import GoogleSSO from "components/common/GoogleSSO"; import { useModal } from "hooks"; import SetUsernameModal from "../signup/SetUsernameModal"; -function LoginPage() { +export default function LoginPage() { let history = useHistory(); const { open } = useModal(); const domain = GetWebsite(); @@ -109,6 +109,7 @@ function LoginPage() { }; // This function ***MUST*** be attached to global state for the Google library to work. + // @ts-ignore globalThis.handleGoogleCredentialResponse = async (args: any) => { // console.log(">>>> Google Sign In Response", args); @@ -348,5 +349,3 @@ function LoginPage() { ); } - -export { LoginPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/ModerationTokenInfoPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/ModerationTokenInfoPage.tsx index b691c1176c..6517257a55 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/ModerationTokenInfoPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/ModerationTokenInfoPage.tsx @@ -6,7 +6,7 @@ import { ModerationTokenInfo } from "@storyteller/components/src/api/moderation/ import { faDatabase } from "@fortawesome/pro-solid-svg-icons"; import { useSession } from "hooks"; -function ModerationTokenInfoPage() { +export default function ModerationTokenInfoPage() { const { sessionWrapper } = useSession(); const [token, setToken] = useState(""); const [payload, setPayload] = useState(""); @@ -95,5 +95,3 @@ function ModerationTokenInfoPage() { ); } - -export { ModerationTokenInfoPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationCategoryDeletePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationCategoryDeletePage.tsx index 84f6c3644e..3cc593f881 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationCategoryDeletePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationCategoryDeletePage.tsx @@ -16,7 +16,7 @@ import { } from "@storyteller/components/src/api/moderation/category/SetCategoryDeletionState"; import { useSession } from "hooks"; -function ModerationCategoryDeletePage() { +export default function ModerationCategoryDeletePage() { const { sessionWrapper } = useSession(); const { token }: { token: string } = useParams(); @@ -160,5 +160,3 @@ function ModerationCategoryDeletePage() { ); } - -export { ModerationCategoryDeletePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryEditPage.tsx index 8dcdca75f8..422aed27c3 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryEditPage.tsx @@ -24,7 +24,7 @@ import { import { CategoryBreadcrumb } from "../../../_common/CategoryBreadcrumb"; import { useSession } from "hooks"; -function ModerationTtsCategoryEditPage() { +export default function ModerationTtsCategoryEditPage() { const { sessionWrapper } = useSession(); const { token }: { token: string } = useParams(); @@ -418,5 +418,3 @@ function recursiveBuildHierarchy( found, ]; } - -export { ModerationTtsCategoryEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryListPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryListPage.tsx index f1c0c2cf47..3e6667dbc2 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryListPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/categories/ModerationTtsCategoryListPage.tsx @@ -21,7 +21,7 @@ interface SortableCategoryHierarchy { category: ModerationTtsCategory; } -function ModerationTtsCategoryListPage() { +export default function ModerationTtsCategoryListPage() { const { sessionWrapper } = useSession(); const [ttsCategories, setTtsCategories] = useState( [] @@ -381,5 +381,3 @@ function recursiveBuildHierarchy( found, ]; } - -export { ModerationTtsCategoryListPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/job_control/ModerationJobControlPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/job_control/ModerationJobControlPage.tsx index 2822d786dc..1d744a4ce1 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/job_control/ModerationJobControlPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/job_control/ModerationJobControlPage.tsx @@ -17,7 +17,7 @@ import { } from "components/entities/EntityTypes"; import { useSession } from "hooks"; -function ModerationJobControlPage() { +export default function ModerationJobControlPage() { const { sessionWrapper } = useSession(); const [filter, filterSet] = useState(); const objNumKeys = (obj = {}) => @@ -167,5 +167,3 @@ function ModerationJobControlPage() { ); } - -export { ModerationJobControlPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc.tsx index 4cdbe315d7..89222d7abf 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc.tsx @@ -25,7 +25,7 @@ interface IpBanListItem { updated_at: string; } -function ModerationIpBanListFc() { +export default function ModerationIpBanListFc() { const history = useHistory(); const { sessionWrapper } = useSession(); @@ -220,5 +220,3 @@ function ModerationIpBanListFc() { ); } - -export { ModerationIpBanListFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_job_stats/ModerationJobStatsFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_job_stats/ModerationJobStatsFc.tsx index 31413ab15f..bc17ae3f51 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_job_stats/ModerationJobStatsFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_job_stats/ModerationJobStatsFc.tsx @@ -18,7 +18,7 @@ import { } from "@storyteller/components/src/api/moderation/tts/KillTtsInferenceJobs"; import { useSession } from "hooks"; -function ModerationJobStatsFc() { +export default function ModerationJobStatsFc() { const { sessionWrapper } = useSession(); // NB: We have more TTS stats than W2L stats now. const [ttsSecondsSinceFirst, setTtsSecondsSinceFirst] = useState(-1); @@ -257,5 +257,3 @@ function humanWaitTime(seconds: number): string { return `${(seconds / (60 * 60)).toFixed(1)} hours`; } } - -export { ModerationJobStatsFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_main/ModerationPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_main/ModerationPage.tsx index 3d5d18412b..94673450b7 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_main/ModerationPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_main/ModerationPage.tsx @@ -21,7 +21,7 @@ import { Button, Container, Panel } from "components/common"; import PageHeader from "components/layout/PageHeader"; import { useSession } from "hooks"; -function ModerationPage() { +export default function ModerationPage() { const { sessionWrapper } = useSession(); if (!sessionWrapper.canBanUsers()) { @@ -150,5 +150,3 @@ function ModerationPage() { ); } - -export { ModerationPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc.tsx index 29e3b0d5a2..c03d365f58 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_pending_w2l_templates/ModerationPendingW2lTemplatesFc.tsx @@ -12,7 +12,7 @@ import { import { PhotoVideoIcon } from "../../../_icons/PhotoVideoIcon"; import { useSession } from "hooks"; -function ModerationPendingW2lTemplatesFc() { +export default function ModerationPendingW2lTemplatesFc() { const { sessionWrapper } = useSession(); const [templates, setTemplates] = useState< Array @@ -119,5 +119,3 @@ function ModerationPendingW2lTemplatesFc() { ); } - -export { ModerationPendingW2lTemplatesFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage.tsx index 93b573e084..02d65e3490 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_feature_flags/ModerationUserFeatureFlagsPage.tsx @@ -19,7 +19,7 @@ function hasFlag(field: string, maybeUserData?: User): boolean { return hasFlag; } -function ModerationUserFeatureFlagsPage() { +export default function ModerationUserFeatureFlagsPage() { const { sessionWrapper } = useSession(); const { username: urlUsername } = useParams() as { username?: string }; @@ -206,5 +206,3 @@ function ModerationUserFeatureFlagsPage() { ); } - -export { ModerationUserFeatureFlagsPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_list/ModerationUserList.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_list/ModerationUserList.tsx index d97263346c..f41d5d0170 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_list/ModerationUserList.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_user_list/ModerationUserList.tsx @@ -11,7 +11,7 @@ import { WebUrl } from "../../../../../common/WebUrl"; import { BackLink } from "../../../_common/BackLink"; import { useSession } from "hooks"; -function ModerationUserListFc() { +export default function ModerationUserListFc() { const { sessionWrapper } = useSession(); const [userList, setUserList] = useState>([]); @@ -104,5 +104,3 @@ function ModerationUserListFc() { ); } - -export { ModerationUserListFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc.tsx index ae6c51a342..6004afab7c 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc.tsx @@ -23,7 +23,7 @@ interface IpBan { updated_at: string; } -function ModerationViewIpBanFc() { +export default function ModerationViewIpBanFc() { const { sessionWrapper } = useSession(); const { ipAddress } = useParams() as { ipAddress: string }; @@ -140,5 +140,3 @@ function ModerationViewIpBanFc() { ); } - -export { ModerationViewIpBanFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc.tsx index cbc2b8b926..3a10a19ddf 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/moderation/moderation_voice_stats/ModerationVoiceStatsFc.tsx @@ -7,7 +7,7 @@ import { } from "@storyteller/components/src/api/moderation/stats/GetVoiceInventoryStats"; import { useSession } from "hooks"; -function ModerationVoiceStatsFc() { +export default function ModerationVoiceStatsFc() { const { sessionWrapper } = useSession(); const [allVoicesCount, setAllVoicesCount] = useState(-1); const [publicVoicesCount, setPublicVoicesCount] = useState(-1); @@ -65,5 +65,3 @@ function ModerationVoiceStatsFc() { ); } - -export { ModerationVoiceStatsFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx index 9a3fc39727..35456d72ff 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx @@ -33,7 +33,7 @@ import { useSession } from "hooks"; const TWITCH_CHANNEL = "FakeYouLabs"; -function NewsPage() { +export default function NewsPage() { const { sessionSubscriptions } = useSession(); usePrefixedDocumentTitle("AI News"); PosthogClient.recordPageview(); @@ -187,5 +187,3 @@ function NewsPage() { ); } - -export { NewsPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx index bc70bfff45..e5990953ce 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx @@ -13,7 +13,7 @@ import { } from "@storyteller/components/src/api/user/RequestResetPassword"; import { useSession } from "hooks"; -function PasswordResetEmailPage() { +export default function PasswordResetEmailPage() { let history = useHistory(); const { user } = useSession(); @@ -95,5 +95,3 @@ function PasswordResetEmailPage() { ); } - -export { PasswordResetEmailPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetVerificationPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetVerificationPage.tsx index 948be15415..b34ca8621c 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetVerificationPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetVerificationPage.tsx @@ -21,7 +21,7 @@ const ERR_PASSWORD_DOES_NOT_MATCH = "new password does not match"; const ERR_BACKEND = "There was an issue resetting your password. Perhaps your code expired?"; -function PasswordResetVerificationPage() { +export default function PasswordResetVerificationPage() { const history = useHistory(); const { sessionWrapper, queryAppState } = useContext(AppStateContext); @@ -232,5 +232,3 @@ function getResetCodeErrors(code: string | null): string | undefined { return ERR_CODE_TOO_SHORT; } } - -export { PasswordResetVerificationPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/patrons/PatronPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/patrons/PatronPage.tsx index f8fa242a8f..b2ddb29132 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/patrons/PatronPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/patrons/PatronPage.tsx @@ -8,7 +8,7 @@ import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPart import { usePrefixedDocumentTitle } from "../../../../common/UsePrefixedDocumentTitle"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function PatronPage() { +export default function PatronPage() { usePrefixedDocumentTitle("Thank you to our Patrons!"); PosthogClient.recordPageview(); @@ -87,5 +87,3 @@ function PatronPage() { ); } - -export { PatronPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutCancelPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutCancelPage.tsx index 395f8388d3..b68f1811e8 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutCancelPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutCancelPage.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Link } from "react-router-dom"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function CheckoutCancelPage() { +export default function CheckoutCancelPage() { PosthogClient.recordPageview(); return ( @@ -63,5 +63,3 @@ function CheckoutCancelPage() { ); } - -export { CheckoutCancelPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutSuccessPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutSuccessPage.tsx index 7e24c3e485..66b5012d1c 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutSuccessPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/CheckoutSuccessPage.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Link } from "react-router-dom"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function CheckoutSuccessPage() { +export default function CheckoutSuccessPage() { PosthogClient.recordPageview(); return ( @@ -54,5 +54,3 @@ function CheckoutSuccessPage() { ); } - -export { CheckoutSuccessPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PortalSuccessPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PortalSuccessPage.tsx index 106462dd19..9e2fad78bc 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PortalSuccessPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PortalSuccessPage.tsx @@ -2,7 +2,7 @@ import React from "react"; import { Link } from "react-router-dom"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function PortalSuccessPage() { +export default function PortalSuccessPage() { PosthogClient.recordPageview(); return ( @@ -43,5 +43,3 @@ function PortalSuccessPage() { ); } - -export { PortalSuccessPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx index 90e56db24e..bd9b7869dd 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx @@ -20,7 +20,7 @@ import MentionsSection from "components/common/MentionsSection"; import { faStar } from "@fortawesome/pro-solid-svg-icons"; import { useSession } from "hooks"; -function PricingPage() { +export default function PricingPage() { const history = useHistory(); const { sessionSubscriptions, sessionWrapper } = useSession(); PosthogClient.recordPageview(); @@ -716,5 +716,3 @@ function PricingPage() { ); } - -export { PricingPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/product_usage_info/ProductUsageInfoPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/product_usage_info/ProductUsageInfoPage.tsx index 69f564debd..d4cd78b5b6 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/product_usage_info/ProductUsageInfoPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/product_usage_info/ProductUsageInfoPage.tsx @@ -39,7 +39,7 @@ const radioButtonsWhy = [ }, ]; -function ProductUsageInfoPage() { +export default function ProductUsageInfoPage() { usePrefixedDocumentTitle("Product Usage Survey"); PosthogClient.recordPageview(); @@ -133,5 +133,3 @@ function ProductUsageInfoPage() { ); } - -export { ProductUsageInfoPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_ban/ProfileBanFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_ban/ProfileBanFc.tsx index b39424f42c..b5b57515d2 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_ban/ProfileBanFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_ban/ProfileBanFc.tsx @@ -11,7 +11,7 @@ import { BackLink } from "../../../_common/BackLink"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; import { useSession } from "hooks"; -function ProfileBanFc() { +export default function ProfileBanFc() { const { sessionWrapper } = useSession(); const { username }: { username: string } = useParams(); const userProfilePage = `/profile/${username}`; @@ -174,5 +174,3 @@ function ProfileBanFc() { ); } - -export { ProfileBanFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx index a2ee1d85f9..4d23824722 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx @@ -55,7 +55,7 @@ interface UserPayload { preferred_w2l_result_visibility: string; } -function ProfileEditFc() { +export default function ProfileEditFc() { const { username } = useParams() as { username: string }; PosthogClient.recordPageview(); @@ -526,5 +526,3 @@ function ProfileEditFc() { ); } - -export { ProfileEditFc }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx index 4747db12cf..2029afa6e3 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx @@ -31,7 +31,7 @@ import VideosTab from "./tabs/VideosTab"; import AudiosTab from "./tabs/AudiosTab"; import UserProfileInfo from "components/layout/ProfileSidePanel/UserProfileInfo"; -function ProfilePageV3() { +export default function ProfilePageV3() { const { username }: { username: string } = useParams(); const { pathname } = useLocation(); PosthogClient.recordPageview(); diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/signup/SignupPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/signup/SignupPage.tsx index 92be616736..47aa33dba0 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/signup/SignupPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/signup/SignupPage.tsx @@ -35,7 +35,7 @@ enum FieldTriState { TRUE, } -function SignupPage() { +export default function SignupPage() { let history = useHistory(); const domain = GetWebsite(); const { open } = useModal(); @@ -118,6 +118,7 @@ function SignupPage() { }; // This function ***MUST*** be attached to global state for the Google library to work. + // @ts-ignore globalThis.handleGoogleCredentialResponse = async (args: any) => { // console.log(">>>> Google Sign In Response", args); @@ -675,5 +676,3 @@ function SignupPage() { ); } - -export { SignupPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tools_test/ToolsTestPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tools_test/ToolsTestPage.tsx index 9e9ce5b313..a5876176ae 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tools_test/ToolsTestPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tools_test/ToolsTestPage.tsx @@ -2,11 +2,7 @@ import { Container, Panel } from "components/common"; import { AITools } from "components/marketing"; import React from "react"; -interface ToolsTestPageProps { - // Define props here -} - -export const ToolsTestPage = (props: ToolsTestPageProps) => { +export default function ToolsTestPage() { return ( @@ -15,4 +11,4 @@ export const ToolsTestPage = (props: ToolsTestPageProps) => { ); -}; +} diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_edit_categories/TtsEditCategoriesPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_edit_categories/TtsEditCategoriesPage.tsx index 60eb7e0a84..e002e86245 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_edit_categories/TtsEditCategoriesPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_edit_categories/TtsEditCategoriesPage.tsx @@ -34,7 +34,7 @@ import { useParams, Link } from "react-router-dom"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function TtsEditCategoriesPage() { +export default function TtsEditCategoriesPage() { let { token } = useParams() as { token: string }; PosthogClient.recordPageview(); @@ -300,5 +300,3 @@ function TtsEditCategoriesPage() { ); } - -export { TtsEditCategoriesPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_delete/TtsModelDeletePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_delete/TtsModelDeletePage.tsx index 8cdc16a5de..2e35b771d8 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_delete/TtsModelDeletePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_delete/TtsModelDeletePage.tsx @@ -40,7 +40,7 @@ interface TtsModelModeratorFields { user_deleted_at: string | undefined | null; } -function TtsModelDeletePage() { +export default function TtsModelDeletePage() { PosthogClient.recordPageview(); const history = useHistory(); const { token } = useParams() as { token: string }; @@ -272,5 +272,3 @@ function TtsModelDeletePage() { ); } - -export { TtsModelDeletePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_edit/TtsModelEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_edit/TtsModelEditPage.tsx index 230e902e43..a0c1ca08b4 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_edit/TtsModelEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_edit/TtsModelEditPage.tsx @@ -44,7 +44,7 @@ const DEFAULT_PRETRAINED_VOCODER = "hifigan-superres"; const UNSET_CUSTOM_VOCODER_SENTINEL = ""; // NB: Empty string -function TtsModelEditPage() { +export default function TtsModelEditPage() { const { token } = useParams() as { token: string }; const { sessionWrapper } = useSession(); PosthogClient.recordPageview(); @@ -626,5 +626,3 @@ function TtsModelEditPage() { ); } - -export { TtsModelEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx index f854c5a2fc..e5cc5a0536 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_model_view/TtsModelViewPage.tsx @@ -68,7 +68,7 @@ import { FetchStatus } from "@storyteller/components/src/api/_common/SharedFetch import { AITools } from "components/marketing"; import { useSession } from "hooks"; -function TtsModelViewPage() { +export default function TtsModelViewPage() { let { token } = useParams() as { token: string }; const { loggedIn, sessionWrapper } = useSession(); PosthogClient.recordPageview(); @@ -894,5 +894,3 @@ function recursiveBuildHierarchy( found, ]; } - -export { TtsModelViewPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_delete/TtsResultDeletePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_delete/TtsResultDeletePage.tsx index e0f4e8a6d4..8568dfaea0 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_delete/TtsResultDeletePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_delete/TtsResultDeletePage.tsx @@ -47,7 +47,7 @@ interface TtsInferenceResultModeratorFields { user_deleted_at: string | undefined | null; } -function TtsResultDeletePage() { +export default function TtsResultDeletePage() { const history = useHistory(); const { sessionWrapper } = useSession(); PosthogClient.recordPageview(); @@ -243,5 +243,3 @@ function TtsResultDeletePage() { ); } - -export { TtsResultDeletePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_edit/TtsResultEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_edit/TtsResultEditPage.tsx index 7ee5aa87e8..97c7fc9ad9 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_edit/TtsResultEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_edit/TtsResultEditPage.tsx @@ -51,7 +51,7 @@ interface TtsInferenceResultModeratorFields { user_deleted_at: string | undefined | null; } -function TtsResultEditPage() { +export default function TtsResultEditPage() { let { token }: { token: string } = useParams(); PosthogClient.recordPageview(); @@ -186,5 +186,3 @@ function TtsResultEditPage() { ); } - -export { TtsResultEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx index 6ee11ca58d..ead1e4a2de 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/tts/tts_result_view/TtsResultViewPage.tsx @@ -43,7 +43,7 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie import { useSession } from "hooks"; import "./TtsResult.scss"; -function TtsResultViewPage() { +export default function TtsResultViewPage() { const { token }: { token: string } = useParams(); const { sessionWrapper } = useSession(); PosthogClient.recordPageview(); @@ -555,5 +555,3 @@ function TtsResultViewPage() { ); } - -export { TtsResultViewPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadNewTtsModelPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadNewTtsModelPage.tsx index 5a6f1071ce..f235f9bcbb 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadNewTtsModelPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadNewTtsModelPage.tsx @@ -16,7 +16,7 @@ import { } from "@fortawesome/pro-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -function UploadNewTtsModelPage() { +export default function UploadNewTtsModelPage() { // const history = useHistory(); const { sessionWrapper, user } = useSession(); const { enqueueInferenceJob } = useInferenceJobs(); @@ -180,5 +180,3 @@ function UploadNewTtsModelPage() { ); } - -export { UploadNewTtsModelPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadTtsModelPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadTtsModelPage.tsx index 75b1e6a011..228623720f 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadTtsModelPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/upload/UploadTtsModelPage.tsx @@ -25,7 +25,7 @@ interface TtsModelUploadJobResponsePayload { job_token?: string; } -function UploadTtsModelPage() { +export default function UploadTtsModelPage() { const history = useHistory(); const { sessionWrapper } = useSession(); const { enqueueInferenceJob } = useInferenceJobs(); @@ -241,5 +241,3 @@ function UploadTtsModelPage() { ); } - -export { UploadTtsModelPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/vocodes/VocodesPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/vocodes/VocodesPage.tsx index b10d5be56e..5c5d113777 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/vocodes/VocodesPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/vocodes/VocodesPage.tsx @@ -1,59 +1,58 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; +import React from "react"; +import { Link } from "react-router-dom"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; +interface Props {} -interface Props { -} - -function VocodesPage(props: Props) { +export default function VocodesPage(props: Props) { PosthogClient.recordPageview(); return (
-
-
-
- FakeYou Kitsune Mascot! + FakeYou Kitsune Mascot!
-

- Vocodes is now FakeYou -

+

Vocodes is now FakeYou

- The old vo.codes voices will return. - Please be patient. + The old vo.codes voices will return. Please be + patient.

-
-

Vocodes wasn't Tacotron or Talknet

- We had a rather unusual and bespoke architecture. Resurrecting it will take some time. - We know the vocodes voices are highly sought after for memes, and we're constantly being asked - to bring them back. Please be patient with us. + We had a rather unusual and bespoke architecture. Resurrecting it will + take some time. We know the vocodes voices are highly sought after for + memes, and we're constantly being asked to bring them back. Please be + patient with us.

- - Use FakeYou + + Use FakeYou +
-

(FakeYou sounds better, but we know the meme voices are important. They will return.)

- +

+ (FakeYou sounds better, but we know the meme voices are important. They + will return.) +

- ) + ); } - -export { VocodesPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx index eed006725f..324b901138 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerFormPage.tsx @@ -25,7 +25,7 @@ interface RouteParams { dataset_token?: string; } -function VoiceDesignerFormPage() { +export default function VoiceDesignerFormPage() { const history = useHistory(); const { datasets, inputCtrl, languages, visibilityOptions, voices } = useVoiceRequests({}); @@ -225,5 +225,3 @@ function VoiceDesignerFormPage() { ); } - -export { VoiceDesignerFormPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx index 061f46c94f..4aa0afce13 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerMainPage.tsx @@ -25,9 +25,7 @@ import "./VoiceDesigner.scss"; import MentionsSection from "components/common/MentionsSection"; import StorytellerStudioCTA from "components/common/StorytellerStudioCTA"; -// interface Props {} - -function VoiceDesignerMainPage() { +export default function VoiceDesignerMainPage() { usePrefixedDocumentTitle("AI Voice Designer"); const { pathname } = useLocation(); const { t } = useLocalize("FaceAnimator"); @@ -302,5 +300,3 @@ function VoiceDesignerMainPage() { ); } - -export { VoiceDesignerMainPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEditPage.tsx index cf54a043be..c92b8fa5a3 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/voice_designer/VoiceDesignerVoiceEditPage.tsx @@ -14,7 +14,7 @@ import { Button, TempSelect } from "components/common"; import useVoiceRequests from "./useVoiceRequests"; import { useHistory } from "react-router-dom"; -function VoiceDesignerVoiceEditPage() { +export default function VoiceDesignerVoiceEditPage() { const [language, languageSet] = useState("en"); const [visibility, visibilitySet] = useState("hidden"); const [title, titleSet] = useState(""); @@ -116,5 +116,3 @@ function VoiceDesignerVoiceEditPage() { ); } - -export { VoiceDesignerVoiceEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_delete/W2lResultDeletePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_delete/W2lResultDeletePage.tsx index 8d5f65bfe2..9da569e18d 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_delete/W2lResultDeletePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_delete/W2lResultDeletePage.tsx @@ -11,7 +11,7 @@ import { useSession } from "hooks"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; -function W2lResultDeletePage() { +export default function W2lResultDeletePage() { const history = useHistory(); PosthogClient.recordPageview(); const { sessionWrapper } = useSession(); @@ -150,5 +150,3 @@ function W2lResultDeletePage() { ); } - -export { W2lResultDeletePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_edit/W2lResultEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_edit/W2lResultEditPage.tsx index a835fffe25..37edd39cfa 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_edit/W2lResultEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_edit/W2lResultEditPage.tsx @@ -51,7 +51,7 @@ interface W2lInferenceResultModeratorFields { user_deleted_at: string | undefined | null; } -function W2lResultEditPage() { +export default function W2lResultEditPage() { let { token }: { token: string } = useParams(); PosthogClient.recordPageview(); @@ -182,5 +182,3 @@ function W2lResultEditPage() { ); } - -export { W2lResultEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx index 3a077ad7b3..76909b9ab1 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_result_view/W2lResultViewPage.tsx @@ -22,7 +22,7 @@ import { CommentComponent } from "../../../_common/comments/CommentComponent"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; import { useSession } from "hooks"; -function W2lResultViewPage() { +export default function W2lResultViewPage() { let { token } = useParams() as { token: string }; const { sessionWrapper } = useSession(); @@ -363,5 +363,3 @@ function W2lResultViewPage() { ); } - -export { W2lResultViewPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_approve/W2lTemplateApprovePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_approve/W2lTemplateApprovePage.tsx index a4817766ac..413f0db286 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_approve/W2lTemplateApprovePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_approve/W2lTemplateApprovePage.tsx @@ -14,7 +14,7 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie const DEFAULT_APPROVED_STATE = true; -function W2lTemplateApprovePage() { +export default function W2lTemplateApprovePage() { const history = useHistory(); PosthogClient.recordPageview(); @@ -189,5 +189,3 @@ function W2lTemplateApprovePage() { ); } - -export { W2lTemplateApprovePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_delete/W2lTemplateDeletePage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_delete/W2lTemplateDeletePage.tsx index 3b433850e1..c39a775896 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_delete/W2lTemplateDeletePage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_delete/W2lTemplateDeletePage.tsx @@ -13,7 +13,7 @@ import { BackLink } from "../../../_common/BackLink"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; import { useSession } from "hooks"; -function W2lTemplateDeletePage() { +export default function W2lTemplateDeletePage() { const history = useHistory(); const { sessionWrapper } = useSession(); @@ -226,5 +226,3 @@ function W2lTemplateDeletePage() { ); } - -export { W2lTemplateDeletePage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_edit/W2lTemplateEditPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_edit/W2lTemplateEditPage.tsx index df06c54776..5c478fabfe 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_edit/W2lTemplateEditPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_edit/W2lTemplateEditPage.tsx @@ -15,7 +15,7 @@ import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClie const DEFAULT_VISIBILITY = "public"; -function W2lTemplateEditPage() { +export default function W2lTemplateEditPage() { let { templateToken }: { templateToken: string } = useParams(); const history = useHistory(); @@ -189,5 +189,3 @@ function W2lTemplateEditPage() { ); } - -export { W2lTemplateEditPage }; diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_list/W2lTemplateListPage.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_list/W2lTemplateListPage.tsx index f9e8c77afb..b638520595 100644 --- a/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_list/W2lTemplateListPage.tsx +++ b/src/website/packages/fakeyou.com/src/v2/view/pages/w2l/w2l_template_list/W2lTemplateListPage.tsx @@ -40,7 +40,7 @@ interface W2lTemplate { updated_at: string; } -function W2lTemplateListPage() { +export default function W2lTemplateListPage() { const { sessionWrapper } = useSession(); const [w2lTemplates, setW2lTemplates] = useState>([]); const [currentPageIndex, setCurrentPageIndex] = useState(0); @@ -268,5 +268,3 @@ function W2lTemplateListPage() { ); } - -export { W2lTemplateListPage };