|
|
|
@ -64,27 +64,22 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
|
|
|
|
|
if (!modalRef.current?.contains(e.target)) {
|
|
|
|
|
props.onClose?.();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
document.addEventListener("mousedown", handleClick);
|
|
|
|
|
document.addEventListener('mousedown', handleClick);
|
|
|
|
|
|
|
|
|
|
return () => {
|
|
|
|
|
document.removeEventListener("mousedown", handleClick);
|
|
|
|
|
}
|
|
|
|
|
}, [])
|
|
|
|
|
document.removeEventListener('mousedown', handleClick);
|
|
|
|
|
};
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div
|
|
|
|
|
className={classNames(
|
|
|
|
|
`loki-dialog modal`,
|
|
|
|
|
additionalClassName ? additionalClassName : null
|
|
|
|
|
)}>
|
|
|
|
|
<div
|
|
|
|
|
className="session-confirm-wrapper">
|
|
|
|
|
<div
|
|
|
|
|
ref={modalRef}
|
|
|
|
|
className="session-modal">
|
|
|
|
|
className={classNames('loki-dialog modal', additionalClassName ? additionalClassName : null)}
|
|
|
|
|
>
|
|
|
|
|
<div className="session-confirm-wrapper">
|
|
|
|
|
<div ref={modalRef} className="session-modal">
|
|
|
|
|
{showHeader ? (
|
|
|
|
|
<div className={classNames('session-modal__header', headerReverse && 'reverse')}>
|
|
|
|
|
<div className="session-modal__header__close">
|
|
|
|
|