improved controls (5)

This commit is contained in:
Brandon Thomas committed 2023-04-25 18:49:12 -07:00
1 parent 8493ae5d93
commit be195adf2c
3 files changed
+15 -2

No files matched your search

@@ -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
@@ -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);
}
}
@@ -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);
}
};