Added addCollection Component
This commit is contained in:
parent
d867756868
commit
63ee4293bd
56
src/pages/gallery/components/AddCollection.tsx
Normal file
56
src/pages/gallery/components/AddCollection.tsx
Normal file
|
@ -0,0 +1,56 @@
|
|||
import React, { useState } from "react";
|
||||
import Dropzone from "react-dropzone";
|
||||
import { DropDiv } from "./CollectionDropZone";
|
||||
import CreateCollection from "./CreateCollection";
|
||||
|
||||
export default function AddCollection(props) {
|
||||
|
||||
const [acceptedFiles, setAcceptedFiles] = useState<File[]>();
|
||||
const [createCollectionView, setCreateCollectionView] = useState(false);
|
||||
|
||||
const { children, closeModal, ...rest } = props;
|
||||
|
||||
const createCollection = (acceptedFiles) => {
|
||||
closeModal();
|
||||
setAcceptedFiles(acceptedFiles);
|
||||
setCreateCollectionView(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Dropzone
|
||||
onDropAccepted={createCollection}
|
||||
onDropRejected={props.closeUploadModal}
|
||||
noDragEventsBubbling
|
||||
accept="image/*, video/*, application/json "
|
||||
>
|
||||
{({
|
||||
getRootProps,
|
||||
getInputProps,
|
||||
isDragActive,
|
||||
isDragAccept,
|
||||
isDragReject,
|
||||
}) => {
|
||||
return (
|
||||
<DropDiv
|
||||
{...getRootProps({
|
||||
isDragActive,
|
||||
isDragAccept,
|
||||
isDragReject,
|
||||
})}
|
||||
>
|
||||
<input {...getInputProps()} />
|
||||
{children}
|
||||
</DropDiv>
|
||||
);
|
||||
}}
|
||||
</Dropzone>
|
||||
<CreateCollection
|
||||
{...rest}
|
||||
show={createCollectionView}
|
||||
closeModal={() => setCreateCollectionView(false)}
|
||||
acceptedFiles={acceptedFiles}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
Loading…
Reference in a new issue