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

added dropzones for comments and node editors

Browse source
This commit is contained in:
Fedor Katurov 2021-10-05 11:31:21 +07:00
parent fb8ad315c0
commit f10a1fa2d8
23 changed files with 247 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/editors/AudioEditor/index.tsx
View file

@ -12,12 +12,13 @@ import { useNodeImages } from '~/utils/hooks/node/useNodeImages';
import { useNodeAudios } from '~/utils/hooks/node/useNodeAudios';
import { useNodeFormContext } from '~/utils/hooks/useNodeFormFormik';
import { useFileUploaderContext } from '~/utils/hooks/useFileUploader';
import { UploadDropzone } from '~/components/upload/UploadDropzone';
type IProps = NodeEditorProps;
const AudioEditor: FC<IProps> = () => {
const { values } = useNodeFormContext();
const { pending, setFiles } = useFileUploaderContext()!;
const { pending, setFiles, uploadFiles } = useFileUploaderContext()!;
const images = useNodeImages(values);
const audios = useNodeAudios(values);
@ -35,10 +36,12 @@ const AudioEditor: FC<IProps> = () => {
const setAudios = useCallback(values => setFiles([...values, ...images]), [setFiles, images]);
return (
<div className={styles.wrap}>
<ImageGrid files={images} setFiles={setImages} locked={pendingImages} />
<AudioGrid files={audios} setFiles={setAudios} locked={pendingAudios} />
</div>
<UploadDropzone onUpload={uploadFiles} helperClassName={styles.dropzone}>
<div className={styles.wrap}>
<ImageGrid files={images} setFiles={setImages} locked={pendingImages} />
<AudioGrid files={audios} setFiles={setAudios} locked={pendingAudios} />
</div>
</UploadDropzone>
);
};