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
+
);