diff --git a/packages/fakeyou.com/src/v2/view/pages/testing/TestUploadComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/testing/TestUploadComponent.tsx index 77901b6ea7..9c450dcd52 100644 --- a/packages/fakeyou.com/src/v2/view/pages/testing/TestUploadComponent.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/testing/TestUploadComponent.tsx @@ -197,11 +197,6 @@ function TestUploadComponent(props: Props) { } /> - {file ? ( - <>FILE !!!! - ) : ( - <> - )} {file ? (
diff --git a/packages/fakeyou.com/src/v2/view/pages/testing/TestingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/testing/TestingPage.tsx index 38358009d0..ef9e307f4b 100644 --- a/packages/fakeyou.com/src/v2/view/pages/testing/TestingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/testing/TestingPage.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useState } from "react"; import { usePrefixedDocumentTitle } from "../../../../common/UsePrefixedDocumentTitle"; import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient"; @@ -24,15 +24,20 @@ function TestingPage(props: Props) { PosthogClient.recordPageview(); usePrefixedDocumentTitle("Testing"); + const [audioToken, setAudioToken] = useState(undefined); + const [imageToken, setImageToken] = useState(undefined); + const doTest = async () => { let request: EnqueueFaceAnimationRequest = { uuid_idempotency_token: uuidv4(), audio_source: { - maybe_voice_conversion_result_token: "todo", + //maybe_voice_conversion_result_token: "todo", //maybe_media_file_token: "audio_media_token", + maybe_media_upload_token: audioToken, }, image_source: { - maybe_media_file_token: "image_media_token", + //maybe_media_file_token: "image_media_token", + maybe_media_upload_token: imageToken, }, }; @@ -46,6 +51,11 @@ function TestingPage(props: Props) { } }; + const generateButtonDisabled = !!!audioToken || !!!imageToken; + const generateButtonClass = generateButtonDisabled + ? "btn btn-uploaded w-100 disabled" + : "btn btn-primary w-100"; + return (
@@ -54,33 +64,55 @@ function TestingPage(props: Props) {

+

Audio

{}} + setMediaUploadToken={(token) => { setAudioToken(token) }} formIsCleared={false} setFormIsCleared={() => {}} setCanConvert={() => {}} changeConvertIdempotencyToken={() => {}} /> + + {audioToken ? ( + <> +
+
Audio upload token: {audioToken}
+ + ) : (<>)}

+

Image

{}} + setMediaUploadToken={(token) => { setImageToken(token) }} formIsCleared={false} setFormIsCleared={() => {}} setCanConvert={() => {}} changeConvertIdempotencyToken={() => {}} /> + {imageToken ? ( + <> +
+
Image upload token: {imageToken}
+ + ) : (<>)} +

- +

Generate Result

+
);