Cleaned up the modals iframe being in DOM when not shown

This commit is contained in:
Simon Backx 2022-07-21 15:31:26 +02:00
parent 6d19323df2
commit f011de6b5b

View File

@ -4,14 +4,11 @@ import Modal from './Modal';
const GenericDialog = (props) => {
// The modal will cover the whole screen, so while it is hidden, we need to disable pointer events
const style = props.show ? {} : {
pointerEvents: 'none'
};
return (
<Modal show={props.show} style={style}>
<Transition show={props.show}>
<Modal>
<div>
<Transition
show={props.show}
<Transition.Child
enter="transition duration-200 linear"
enterFrom="opacity-0"
enterTo="opacity-100"
@ -33,9 +30,10 @@ const GenericDialog = (props) => {
</div>
</Transition.Child>
</div>
</Transition>
</Transition.Child>
</div>
</Modal>
</Transition>
);
};