beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Remove onDragLeave triggers

Browse source
This commit is contained in:
Vishnu Mohandas 2021-02-17 18:03:22 +05:30
parent 1bee6c9ac0
commit 7829750d88
3 changed files with 1 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/FullScreenDropZone.tsx
View file

@ -9,13 +9,11 @@ const DropDiv = styled.div`
type Props = React.PropsWithChildren<{ type Props = React.PropsWithChildren<{
showModal: () => void; showModal: () => void;
closeModal: () => void;
}>; }>;
export default function FullScreenDropZone({ export default function FullScreenDropZone({
children, children,
showModal, showModal,
closeModal,
}: Props) { }: Props) {
const closeTimer = useRef<NodeJS.Timeout>(); const closeTimer = useRef<NodeJS.Timeout>();
@ -31,14 +29,8 @@ export default function FullScreenDropZone({
showModal(); showModal();
}; };
const onDragLeave = (e) => {
e.preventDefault();
clearTimer();
closeTimer.current = global.setTimeout(closeModal, 1000);
};
return ( return (
<DropDiv onDragOver={onDragOver} onDragLeave={onDragLeave}> <DropDiv onDragOver={onDragOver}>
{children} {children}
</DropDiv> </DropDiv>
); );

1
src/pages/_app.tsx
View file

@ -190,7 +190,6 @@ export default function App({ Component, pageProps }) {
return ( return (
<FullScreenDropZone <FullScreenDropZone
closeModal={closeUploadModal}
showModal={showUploadModal} showModal={showUploadModal}
> >
<Head> <Head>

2
src/pages/gallery/components/CollectionDropZone.tsx
View file

@ -6,7 +6,6 @@ import DropzoneWrapper from './DropzoneWrapper';
function CollectionDropZone({ function CollectionDropZone({
children, children,
closeModal, closeModal,
showModal,
refetchData, refetchData,
collectionAndItsLatestFile, collectionAndItsLatestFile,
setProgressView, setProgressView,
@ -39,7 +38,6 @@ function CollectionDropZone({
<DropzoneWrapper <DropzoneWrapper
children={children} children={children}
onDropAccepted={upload} onDropAccepted={upload}
onDragOver={showModal}
onDropRejected={closeModal} onDropRejected={closeModal}
/> />
); );