From be195adf2cfa19ee6f0c5ce83a02d525dcdc028d Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Tue, 25 Apr 2023 18:49:12 -0700
Subject: [PATCH] improved controls (5)

---
 .../src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx | 3 ++-
 .../pages/vc/vc_model_list/components/RecordComponent.tsx  | 7 +++++++
 .../pages/vc/vc_model_list/components/UploadComponent.tsx  | 7 ++++++-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
index d5a9d7a245..724d155247 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx
@@ -221,6 +221,7 @@ function VcModelListPage(props: Props) {
                               setMediaUploadToken={setMediaUploadToken}
                               formIsCleared={formIsCleared}
                               setFormIsCleared={setFormIsCleared}
+                              setCanConvert={setCanConvert}
                             />
                           </div>
                         </div>
@@ -289,11 +290,11 @@ function VcModelListPage(props: Props) {
                               setMediaUploadToken={setMediaUploadToken}
                               formIsCleared={formIsCleared}
                               setFormIsCleared={setFormIsCleared}
+                              setCanConvert={setCanConvert}
                             />
                           </div>
                         </div>
 
-
                         <div>
                           <label className="sub-title">
                             Convert Audio
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/RecordComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/RecordComponent.tsx
index 5c11b09731..4c279fb865 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/RecordComponent.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/RecordComponent.tsx
@@ -12,6 +12,8 @@ interface Props {
 
   formIsCleared: boolean,
   setFormIsCleared: (cleared: boolean) => void,
+
+  setCanConvert: (canConvert: boolean) => void,
 }
 
 export default function RecordComponent(props: Props) {
@@ -45,17 +47,20 @@ export default function RecordComponent(props: Props) {
 
   const handleStartRecording = async () => {
     startRecording();
+    props.setCanConvert(false);
   };
 
   const handleStopRecording = async (blob: any) => {
     stopRecording();
     props.setFormIsCleared(false);
+    props.setCanConvert(false);
   };
 
   const handleClear = () => {
     stopRecording();
     props.setMediaUploadToken(undefined); // clear
     props.setFormIsCleared(true);
+    props.setCanConvert(false);
   };
 
   const handleUpload = async () => {
@@ -69,6 +74,8 @@ export default function RecordComponent(props: Props) {
 
     if (UploadAudioIsOk(result)) {
       props.setMediaUploadToken(result.upload_token);
+      props.setFormIsCleared(false);
+      props.setCanConvert(true);
     }
   }
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/UploadComponent.tsx b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/UploadComponent.tsx
index ebd883e456..20d41f5691 100644
--- a/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/UploadComponent.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/UploadComponent.tsx
@@ -13,6 +13,8 @@ interface Props {
 
   formIsCleared: boolean,
   setFormIsCleared: (cleared: boolean) => void,
+
+  setCanConvert: (canConvert: boolean) => void,
 }
 
 function UploadComponent(props: Props) {
@@ -30,6 +32,7 @@ function UploadComponent(props: Props) {
     const audioUrl = URL.createObjectURL(file);
     setAudioLink(audioUrl ?? "");
     props.setFormIsCleared(false);
+    props.setCanConvert(false);
   };
 
   const handleDragOver = (e: React.DragEvent<HTMLDivElement>): void => {
@@ -50,6 +53,7 @@ function UploadComponent(props: Props) {
     setIdempotencyToken(uuidv4());
     props.setMediaUploadToken(undefined); // clear
     props.setFormIsCleared(true);
+    props.setCanConvert(false);
   };
 
   const handleUploadFile = async () => {
@@ -68,7 +72,8 @@ function UploadComponent(props: Props) {
     if (UploadAudioIsOk(result)) {
       setIsUploadDisabled(true);
       props.setMediaUploadToken(result.upload_token);
-      console.log('TOKEN', result.upload_token)
+      props.setFormIsCleared(false);
+      props.setCanConvert(true);
     }
   };