submit voice conversion jobs

packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/VcModelListPage.tsx

@@ -308,14 +308,16 @@ function VcModelListPage(props: Props) {
                         <div>
                           <label className="sub-title">Record Audio</label>
                           <div className="d-flex flex-column gap-3 upload-component">
-                            <RecordComponent />
+                            <RecordComponent 
+                              setMediaUploadToken={setMediaUploadToken}
+                            />
                           </div>
                         </div>
 
                         <div className="d-flex gap-3">
                           <button
                             className={speakButtonClass}
-                            onClick={handleLoading}
+                            onClick={handleVoiceConversion}
                             type="submit"
                             disabled={!canBeginConversion}
                           >

packages/fakeyou.com/src/v2/view/pages/vc/vc_model_list/components/RecordComponent.tsx

@@ -31,7 +31,11 @@ function RecordedAudioComponent(props: RecorderProps) {
   );
 }
 
-export default function RecordComponent() {
+interface Props {
+  setMediaUploadToken: (token: string) => void,
+}
+
+export default function RecordComponent(props: Props) {
   const { startRecording, stopRecording, recordingBlob, isRecording } =
     useAudioRecorder();
 
@@ -56,7 +60,7 @@ export default function RecordComponent() {
       if (UploadAudioIsOk(result)) {
         //setIsUploadDisabled(true);
         //ggprops.setMediaUploadToken(result.upload_token);
-        console.log('TOKEN', result.upload_token)
+        props.setMediaUploadToken(result.upload_token);
       }
     })();
   }, [recordingBlob])