muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

add room editor dialog

Browse source
This commit is contained in:
Fedor Katurov 2023-10-26 19:23:27 +06:00
parent f809ab40b7
commit 7698d17ed3
11 changed files with 207 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/hooks/data/useUploader.ts
View file

@ -13,7 +13,7 @@ import { keys } from '~/utils/ramda';
export const useUploader = (
subject: UploadSubject,
target: UploadTarget,
initialFiles?: IFile[]
initialFiles?: IFile[],
) => {
const store = useLocalObservable(() => new UploaderStore(initialFiles));
@ -26,8 +26,14 @@ export const useUploader = (
// TODO: cancel all uploads on unmount
const pending = await store.addPending(id, file);
const onProgress = ({ loaded, total }) => store.updateProgress(id, loaded, total);
const result = await apiUploadFile({ file, target, type: pending.type, onProgress });
const onProgress = ({ loaded, total }) =>
store.updateProgress(id, loaded, total);
const result = await apiUploadFile({
file,
target,
type: pending.type,
onProgress,
});
store.removePending(id);
store.addFile(result);
@ -38,14 +44,14 @@ export const useUploader = (
showErrorToast(error);
}
},
[store, target]
[store, target],
);
const uploadFiles = useCallback(
async (files: File[]) => {
await Promise.any(files.map(file => uploadFile(file)));
await Promise.any(files.map((file) => uploadFile(file)));
},
[uploadFile]
[uploadFile],
);
const isUploading = keys(store.pending).length > 0;
@ -61,5 +67,7 @@ export const useUploader = (
pendingAudios: store.pendingAudios,
isUploading,
setFiles: store.setFiles,
setImages: store.setImages,
setAudios: store.setAudios,
};
};