diff --git a/_redirects b/_redirects index f137d71658..4eaed148ed 100644 --- a/_redirects +++ b/_redirects @@ -10,7 +10,7 @@ /coming-soon* /index.html 200 /commissions* /index.html 200 /contribute* /index.html 200 -/face-animation* /index.html 200 +/face-animator* /index.html 200 /firehose* /index.html 200 /guide* /index.html 200 /jobs* /index.html 200 diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx index e2b1344da7..55514c2d0a 100644 --- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx +++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx @@ -271,7 +271,7 @@ export default function SideNav(props: SideNavProps) {
  • {t("videoTitle")}
  • diff --git a/packages/fakeyou.com/src/v2/view/PageContainer.tsx b/packages/fakeyou.com/src/v2/view/PageContainer.tsx index 537ed1e29f..6c1298ee8e 100644 --- a/packages/fakeyou.com/src/v2/view/PageContainer.tsx +++ b/packages/fakeyou.com/src/v2/view/PageContainer.tsx @@ -595,7 +595,7 @@ class PageContainer extends React.Component< /> - +
  • - {t("productFaceAnimator")} + {t("productFaceAnimator")}
  • diff --git a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx index e5dd48d3ac..f69bb2c789 100644 --- a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx +++ b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx @@ -245,7 +245,7 @@ function TopNav(props: Props) {
  • - + @@ -300,7 +300,7 @@ function LandingPage(props: Props) {
    @@ -320,7 +320,7 @@ function LandingPage(props: Props) { {t("productFaceAnimatorText")}
    - +
    diff --git a/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx b/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx index daf0ea63d9..37d7f8611c 100644 --- a/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/LipsyncEditor.tsx @@ -19,13 +19,14 @@ import { // EnqueueFaceAnimationRequest, } from "@storyteller/components/src/api/face_animation/EnqueueFaceAnimation"; import FaceAnimatorTitle from "./FaceAnimatorTitle"; -import FaceAnimatorInput from './FaceAnimatorInput'; -import FaceAnimatorWorking from './FaceAnimatorWorking'; +import FaceAnimatorInput from "./FaceAnimatorInput"; +import FaceAnimatorWorking from "./FaceAnimatorWorking"; import FaceAnimatorSuccess from "./FaceAnimatorSuccess"; 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"; export default function LipsyncEditor({ enqueueInferenceJob, @@ -34,6 +35,7 @@ export default function LipsyncEditor({ ...rest }: FaceAnimatorCore) { const { t } = useLocalize("FaceAnimator"); + usePrefixedDocumentTitle("AI Face Animator"); // the ready states are set by functions which run after the upload input animation is completed, which then illuminates the respective checkmark in a staggered way to draw attention to the workflow, and reduces concurrent animations @@ -46,23 +48,26 @@ export default function LipsyncEditor({ const [index, indexSet] = useState(0); // index = slideshow slide position //const [animationStyle,animationStyleSet] = useState(0); - const [frameDimensions,frameDimensionsSet] = useState("twitter_square"); - const [removeWatermark,removeWatermarkSet] = useState(false); - const [disableFaceEnhancement,disableFaceEnhancementSet] = useState(false); - const [still,stillSet] = useState(false); + const [frameDimensions, frameDimensionsSet] = useState("twitter_square"); + const [removeWatermark, removeWatermarkSet] = useState(false); + const [disableFaceEnhancement, disableFaceEnhancementSet] = useState(false); + const [still, stillSet] = useState(false); //const animationChange = ({ target }: any) => animationStyleSet(target.value); - const frameDimensionsChange = ({ target }: any) => frameDimensionsSet(target.value); - const removeWatermarkChange = ({ target }: any) => removeWatermarkSet(target.checked); - const disableFaceEnhancementChange = ({ target }: any) => disableFaceEnhancementSet(target.checked); + const frameDimensionsChange = ({ target }: any) => + frameDimensionsSet(target.value); + const removeWatermarkChange = ({ target }: any) => + removeWatermarkSet(target.checked); + const disableFaceEnhancementChange = ({ target }: any) => + disableFaceEnhancementSet(target.checked); const stillChange = ({ target }: any) => stillSet(target.checked); - const clearInputs = () => { - //animationStyleSet(0); - stillSet(false); - frameDimensionsSet("twitter_square"); - removeWatermarkSet(false); + const clearInputs = () => { + //animationStyleSet(0); + stillSet(false); + frameDimensionsSet("twitter_square"); + removeWatermarkSet(false); disableFaceEnhancementSet(false); - } + }; const makeRequest = (mode: number) => ({ uuid_idempotency_token: uuidv4(), @@ -144,7 +149,11 @@ export default function LipsyncEditor({
    {transitions((style, i) => { - const Page = [FaceAnimatorInput, FaceAnimatorWorking, FaceAnimatorSuccess][page]; + const Page = [ + FaceAnimatorInput, + FaceAnimatorWorking, + FaceAnimatorSuccess, + ][page]; return Page ? (
    - +
    );