moved Face Animator components from "lipsync" to "face_animator" folder

packages/fakeyou.com/package.json

@@ -15,8 +15,6 @@
     "@fortawesome/pro-regular-svg-icons": "^6.2.1",
     "@fortawesome/pro-solid-svg-icons": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@types/react-paginate": "^7.1.4",
-    "react-paginate": "^8.2.0",
     "@react-spring/types": "^9.7.3",
     "@react-spring/web": "^9.7.3",
     "@storyteller/components": "0.1.0",
@@ -37,6 +35,7 @@
     "@types/node": "^12.12.47",
     "@types/react": "^16.9.36",
     "@types/react-dom": "^16.9.8",
+    "@types/react-paginate": "^7.1.4",
     "axios": "^0.21.0",
     "bootstrap": "5.1.3",
     "bulma": "^0.9.0",
@@ -62,6 +61,7 @@
     "react-drag-drop-files": "^2.3.9",
     "react-i18next": "^11.15.4",
     "react-infinite-scroll-component": "^6.1.0",
+    "react-paginate": "^8.2.0",
     "react-range": "^1.8.14",
     "react-reveal": "^1.2.2",
     "react-router-dom": "^5.2.0",

packages/fakeyou.com/src/v2/view/PageContainer.tsx

@@ -6,7 +6,7 @@ import { LoginPage } from "./pages/login/LoginPage";
 import { ModerationFc } from "./pages/moderation/moderation_main/ModerationFc";
 import { ModerationIpBanListFc } from "./pages/moderation/moderation_ip_ban_list/ModerationIpBanListFc";
 import { ModerationViewIpBanFc } from "./pages/moderation/moderation_view_ip_ban/ModerationViewIpBanFc";
-import { LipsyncEditor } from "./pages/lipsync";
+import FaceAnimator from "./pages/face_animator";
 import { ProfileEditFc } from "./pages/profile/profile_edit/ProfileEditFc";
 import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
 import { SessionSubscriptionsWrapper } from "@storyteller/components/src/session/SessionSubscriptionsWrapper";
@@ -625,7 +625,7 @@ class PageContainer extends React.Component<
             </Route>
 
             <Route path="/face-animator/:mediaToken?">
-              <LipsyncEditor
+              <FaceAnimator
                 {...{
                   enqueueInferenceJob: this.props.enqueueInferenceJob,
                   sessionSubscriptionsWrapper: this.props.sessionSubscriptionsWrapper,

packages/fakeyou.com/src/v2/view/pages/face-aniamtor/FaceAnimator.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function FaceAnimator() { // this is a placeholder for when I move LipsyncEditor here
-  return <></>;
-};

packages/fakeyou.com/src/v2/view/pages/face-aniamtor/index.ts

@@ -1,3 +0,0 @@
-import FaceAnimator from './FaceAnimator';
-
-export { FaceAnimator };

packages/fakeyou.com/src/v2/view/pages/face_animator/FaceAnimator.tsx

@@ -26,13 +26,12 @@ import FaceAnimatorSuccess from "./FaceAnimatorSuccess";
 import InferenceJobsList from "components/layout/InferenceJobsList";
 import { FaceAnimatorCore } from "./FaceAnimatorTypes";
 import { BasicVideo } from "components/common";
-import "./LipsyncEditor.scss";
 import { FrontendInferenceJobType } from "@storyteller/components/src/jobs/InferenceJob";
 import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle";
 import { Analytics } from "common/Analytics";
-// import { GetMedia } from "@storyteller/components/src/api/media_files/GetMedia";
+import "./FaceAnimator.scss";
 
-export default function LipsyncEditor({ enqueueInferenceJob,  sessionSubscriptionsWrapper,  inferenceJobs,  inferenceJobsByCategory, ...rest }: FaceAnimatorCore) {
+export default function FaceAnimator({ enqueueInferenceJob,  sessionSubscriptionsWrapper,  inferenceJobs,  inferenceJobsByCategory, ...rest }: FaceAnimatorCore) {
   const { mediaToken } = useParams<{ mediaToken: string }>();
   const [presetAudio] = useMedia({ mediaToken });
   const { t } = useLocalize("FaceAnimator");

packages/fakeyou.com/src/v2/view/pages/face_animator/index.tsx

@@ -0,0 +1 @@
+export { default } from './FaceAnimator';

packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/index.tsx

@@ -1 +0,0 @@
-export { default } from './LipsyncEditor';

packages/fakeyou.com/src/v2/view/pages/lipsync/index.tsx

@@ -1,3 +0,0 @@
-import LipsyncEditor from './LipsyncEditor';
-
-export { LipsyncEditor };

yarn.lock

@@ -4441,6 +4441,7 @@ __metadata:
     "@types/react": ^16.9.36
     "@types/react-autocomplete": ^1.8.6
     "@types/react-dom": ^16.9.8
+    "@types/react-paginate": ^7.1.4
     "@types/react-router-dom": ^5.1.7
     "@types/uuid": ^8.3.0
     "@types/wavesurfer.js": ^5.2.0
@@ -4469,6 +4470,7 @@ __metadata:
     react-drag-drop-files: ^2.3.9
     react-i18next: ^11.15.4
     react-infinite-scroll-component: ^6.1.0
+    react-paginate: ^8.2.0
     react-range: ^1.8.14
     react-reveal: ^1.2.2
     react-router-dom: ^5.2.0
@@ -4582,7 +4584,6 @@ __metadata:
   resolution: "@storyteller/root@workspace:."
   dependencies:
     "@react-spring/types": ^9.7.3
-    "@types/react-paginate": ^7.1.4
     craco: ^0.0.3
     cross-env: ^7.0.3
     husky: ^8.0.3
@@ -4590,7 +4591,6 @@ __metadata:
     moment: ^2.29.4
     prettier: ^3.1.0
     pretty-quick: ^3.1.3
-    react-paginate: ^8.2.0
     universal-cookie: ^6.1.1
     yarn: ^1.22.19
   languageName: unknown