hide modal with outside click

Author: kkartunov

src/shared/components/Gigs/GigDetails/index.jsx

@@ -226,7 +226,7 @@ export default function GigDetails(props) {
                   }
                 </div>
                 {
-                  isLoginModalOpen && <LoginModal retUrl={retUrl} />
+                  isLoginModalOpen && <LoginModal retUrl={retUrl} onCancel={() => setLoginModalOpen(false)} />
                 }
               </div>
             </div>

src/shared/components/Gigs/LoginModal/index.jsx

@@ -19,10 +19,11 @@ const buttonThemes = {
   tc,
 };
 
-function LoginModal({ retUrl }) {
+function LoginModal({ retUrl, onCancel }) {
   return (
     <Modal
       theme={modalStyle}
+      onCancel={onCancel}
     >
       <div className={modalStyle.loginRequired}>
         <h3 className={modalStyle.title}>WARNING</h3>
@@ -47,6 +48,7 @@ function LoginModal({ retUrl }) {
 
 LoginModal.propTypes = {
   retUrl: PT.string.isRequired,
+  onCancel: PT.func.isRequired,
 };
 
 export default LoginModal;