Merge pull request #69 from Elizabethhub/dmytro-prymache-header-start…

…-page Update HeaderModal.jsx
Elizabethhub · Mar 19, 2024 · ad6222f · ad6222f
2 parents 5784177 + 7729e74
commit ad6222f
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/components/Header/HeaderModal.jsx b/src/components/Header/HeaderModal.jsx
@@ -60,19 +60,23 @@ const HeaderModal = () => {
   }, [isModalOpen, isHeaderModalOpen, isHeaderModalLogOut]);
 
   useEffect(() => {
-    if (isModalOpen || isHeaderModalOpen || isHeaderModalLogOut) {
+    if (isModalOpen || isHeaderModalLogOut) {
       document.body.style.overflow = 'hidden';
     } else {
       document.body.style.overflow = 'auto';
     }
   }, [isModalOpen, isHeaderModalOpen, isHeaderModalLogOut]);
 
   useEffect(() => {
-    if (userProfile) {
-      userProfile?.avatarURL;
-      setImageUser(userProfile.avatarURL);
+    if (userProfile && userProfile.avatarURL) {
+      let avatarURL = userProfile.avatarURL;
+
+      if (avatarURL.startsWith('avatars')) {
+        avatarURL = `https://byte-water-back.onrender.com/${avatarURL}`;
+      }
+      setImageUser(avatarURL);
     }
-  }, [userProfile, userProfile?.avatarURL]);
+  }, [userProfile]);
 
   const openModal = () => {
     setIsModalOpen(true);