mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
improved controls (5)
This commit is contained in:
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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
+6
-1
@@ -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);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in new issue
Block a user