Prevented EventPropgration to gallery dropzone and style changes
This commit is contained in:
parent
7c53f3936a
commit
34d1a261b9
|
@ -4,7 +4,7 @@ import FileUpload from './DragAndDropUpload';
|
||||||
|
|
||||||
function CollectionSelector({ modalView, closeModal, collections }) {
|
function CollectionSelector({ modalView, closeModal, collections }) {
|
||||||
const CollectionIcons = collections.map((item) => (
|
const CollectionIcons = collections.map((item) => (
|
||||||
<FileUpload>
|
<FileUpload closeModal={closeModal} collection={item} noDragEventsBubbling>
|
||||||
<Card
|
<Card
|
||||||
style={{
|
style={{
|
||||||
margin: '5px',
|
margin: '5px',
|
||||||
|
@ -15,13 +15,13 @@ function CollectionSelector({ modalView, closeModal, collections }) {
|
||||||
border: 'solid',
|
border: 'solid',
|
||||||
overflow: 'auto',
|
overflow: 'auto',
|
||||||
float: 'left',
|
float: 'left',
|
||||||
|
cursor: 'pointer',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Card.Body>{item.name}</Card.Body>{' '}
|
<Card.Body>{item.name}</Card.Body>{' '}
|
||||||
</Card>
|
</Card>
|
||||||
</FileUpload>
|
</FileUpload>
|
||||||
));
|
));
|
||||||
console.log(CollectionIcons);
|
|
||||||
return (
|
return (
|
||||||
<Modal
|
<Modal
|
||||||
show={modalView}
|
show={modalView}
|
||||||
|
|
|
@ -36,16 +36,20 @@ const FileUpload = ({
|
||||||
noClick = null,
|
noClick = null,
|
||||||
closeModal = null,
|
closeModal = null,
|
||||||
showModal = null,
|
showModal = null,
|
||||||
|
collection = null,
|
||||||
|
noDragEventsBubbling,
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Dropzone
|
<Dropzone
|
||||||
onDrop={(acceptedFiles) => {
|
onDrop={(acceptedFiles) => {
|
||||||
console.log(acceptedFiles);
|
console.log(collection.name);
|
||||||
|
closeModal();
|
||||||
}}
|
}}
|
||||||
noClick={noClick}
|
noClick={noClick}
|
||||||
onDragOver={showModal}
|
onDragOver={showModal}
|
||||||
onDragLeave={closeModal}
|
onDragLeave={closeModal}
|
||||||
|
noDragEventsBubbling={noDragEventsBubbling}
|
||||||
>
|
>
|
||||||
{({
|
{({
|
||||||
getRootProps,
|
getRootProps,
|
||||||
|
|
Loading…
Reference in a new issue