From 4847301938868976fc18e6f49b800be1316e96d0 Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Tue, 3 Sep 2024 16:40:39 +0200
Subject: [PATCH] setvisible false onclick outside the modal removed

---
 .../DeleteProfileComponent/DeleteProfilePage.jsx              | 2 +-
 .../ProfilePage/ProfilePageComponents/ProfileContent.jsx      | 2 +-
 FrontEnd/src/components/ProfilePage/UI/MyModal/MyModal.jsx    | 4 ++--
 FrontEnd/src/components/cookieacception/CookieMod.jsx         | 1 -
 FrontEnd/src/components/moderation/ModerationModal.jsx        | 2 +-
 5 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/FrontEnd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfilePage.jsx b/FrontEnd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfilePage.jsx
index ec9297ea8..58b8da18f 100644
--- a/FrontEnd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfilePage.jsx
+++ b/FrontEnd/src/components/ProfilePage/FormComponents/DeleteProfileComponent/DeleteProfilePage.jsx
@@ -19,7 +19,7 @@ const DeleteProfilePage = (props) => {
       <button className={css['button__delete']} onClick={() => setModal(true)}>
         Видалити
       </button>
-      <MyModal visible={modal} setVisisble={setModal}>
+      <MyModal visible={modal}>
         <DeleteProfileModal onCancel={cancelHandler} />
       </MyModal>
     </div>
diff --git a/FrontEnd/src/components/ProfilePage/ProfilePageComponents/ProfileContent.jsx b/FrontEnd/src/components/ProfilePage/ProfilePageComponents/ProfileContent.jsx
index 3fb2f9bb2..ff66ae8a8 100644
--- a/FrontEnd/src/components/ProfilePage/ProfilePageComponents/ProfileContent.jsx
+++ b/FrontEnd/src/components/ProfilePage/ProfilePageComponents/ProfileContent.jsx
@@ -212,7 +212,7 @@ const ProfileContent = (props) => {
 
             {blocker.state === 'blocked' &&
                 (
-                <MyModal visible={modal} setVisisble={setModal}>
+                <MyModal visible={modal}>
                     <WarnUnsavedDataModal onCancel={cancelNavigation} onConfirm={confirmNavigation} />
                 </MyModal>)
             }
diff --git a/FrontEnd/src/components/ProfilePage/UI/MyModal/MyModal.jsx b/FrontEnd/src/components/ProfilePage/UI/MyModal/MyModal.jsx
index 33b17a3fa..4b169cae9 100644
--- a/FrontEnd/src/components/ProfilePage/UI/MyModal/MyModal.jsx
+++ b/FrontEnd/src/components/ProfilePage/UI/MyModal/MyModal.jsx
@@ -1,13 +1,13 @@
 import css from './MyModal.module.css';
 
-const MyModal = ({children, visible, setVisisble}) => {
+const MyModal = ({children, visible}) => {
     const rootClasses = [css['myModal']];
     if (visible) {
         rootClasses.push(css['active']);
     }
 
     return (
-        <div className={rootClasses.join(' ')}  onClick={() => setVisisble(false)}>
+        <div className={rootClasses.join(' ')}>
             <div className={css['myModal__content']} onClick={(event) => event.stopPropagation()}>{children}</div>
         </div>
     );
diff --git a/FrontEnd/src/components/cookieacception/CookieMod.jsx b/FrontEnd/src/components/cookieacception/CookieMod.jsx
index 362ada57c..6c0fb3db9 100644
--- a/FrontEnd/src/components/cookieacception/CookieMod.jsx
+++ b/FrontEnd/src/components/cookieacception/CookieMod.jsx
@@ -32,7 +32,6 @@ const CookieMod = ({ active, setActive }) => {
   return cookies.first ? null : (
     <div
       className={`${styles['modal-window']} ${active && styles['active']}`}
-      onClick={() => setActive(false)}
     >
       <div className={styles['modal-content']} data-testid="cookiemodal" onClick={(e) => e.stopPropagation()}>
         <p className={styles['cookie-text']}>
diff --git a/FrontEnd/src/components/moderation/ModerationModal.jsx b/FrontEnd/src/components/moderation/ModerationModal.jsx
index aca78d0bd..2143146e6 100644
--- a/FrontEnd/src/components/moderation/ModerationModal.jsx
+++ b/FrontEnd/src/components/moderation/ModerationModal.jsx
@@ -64,7 +64,7 @@ export function ModerationModal() {
   return (
     <div>
       <MainPage />
-        <MyModal visible={modalVisible} setVisisble={setModalVisible}>
+        <MyModal visible={modalVisible}>
             <div className={classes['modal__content']}>{moderationStatus}</div>
             <div className={classes['modal__footer']}>
               <div className={classes['button-container']}>