fix: in a reduced window the logo “Home” button in the header stops w…

…orking
Lapkipomoshi · Aug 16, 2024 · 32e97b9 · 32e97b9
1 parent 1cd15a2
commit 32e97b9
Showing 1 changed file with 65 additions and 69 deletions.
diff --git a/src/modules/Header/Header.jsx b/src/modules/Header/Header.jsx
@@ -1,69 +1,65 @@
-import React, { useState, useContext } from 'react';
-import { Link, NavLink } from 'react-router-dom';
-import { useMediaQuery } from 'react-responsive';
-import './Header.scss';
-import MainContainer from '../../components/MainContainer/MainContainer';
-import BurgerMenu from '../../components/BurgerMenu/BurgerMenu';
-import ProfilePopup from '../../components/ProfilePopup/ProfilePopup';
-import MenuLink from '../../ui/MenuLink/MenuLink';
-import Paw from './svg/Paw';
-import CurrentUserContext from '../../contexts/CurrentUserContext';
-
-const Header = () => {
-  const { username } = useContext(CurrentUserContext);
-  const [profilePopupOpen, setProfilePopupOpen] = useState(false);
-
-  const openProfilePopup = () => {
-    setProfilePopupOpen(true);
-  };
-
-  const closeProfilePopup = () => {
-    setProfilePopupOpen(false);
-  };
-
-  const isScreenWide = useMediaQuery({
-    minWidth: 1200,
-  });
-
-  const isElementHidden = isScreenWide ? '' : 'menu_hidden';
-
-  return (
-    <MainContainer theme='additional'>
-      <header className='header'>
-        <BurgerMenu />
-
-        {isScreenWide ? (
-          <Link to='/'>
-            <Paw className='header__logo' />
-          </Link>
-        ) : (
-          <Paw className='header__logo' />
-        )}
-
-        <nav className={`menu menu_items_links ${isElementHidden}`}>
-          <MenuLink url='/papers'>Полезные статьи</MenuLink>
-          <MenuLink url='/shelters'>Карта приютов</MenuLink>
-          <MenuLink url='/news'>Новости</MenuLink>
-        </nav>
-        <nav className='menu'>
-          {!username && (
-            <NavLink className='menu__sign menu__sign_in' to='/sign-in'>
-              Вход
-            </NavLink>
-          )}
-          {isScreenWide && !username && (
-            <NavLink className='menu__sign menu__sign_up ' to='/sign-up'>
-              Регистрация
-            </NavLink>
-          )}
-
-          {username && <button className='menu__profile' type='button' onClick={openProfilePopup} />}
-        </nav>
-
-        <ProfilePopup isOpen={profilePopupOpen} closeProfilePopup={closeProfilePopup} />
-      </header>
-    </MainContainer>
-  );
-};
-
-export default Header;
+import React, { useState, useContext } from 'react';
+import { Link, NavLink } from 'react-router-dom';
+import { useMediaQuery } from 'react-responsive';
+import './Header.scss';
+import MainContainer from '../../components/MainContainer/MainContainer';
+import BurgerMenu from '../../components/BurgerMenu/BurgerMenu';
+import ProfilePopup from '../../components/ProfilePopup/ProfilePopup';
+import MenuLink from '../../ui/MenuLink/MenuLink';
+import Paw from './svg/Paw';
+import CurrentUserContext from '../../contexts/CurrentUserContext';
+
+const Header = () => {
+  const { username } = useContext(CurrentUserContext);
+  const [profilePopupOpen, setProfilePopupOpen] = useState(false);
+
+  const openProfilePopup = () => {
+    setProfilePopupOpen(true);
+  };
+
+  const closeProfilePopup = () => {
+    setProfilePopupOpen(false);
+  };
+
+  const isScreenWide = useMediaQuery({
+    minWidth: 1200,
+  });
+
+  const isElementHidden = isScreenWide ? '' : 'menu_hidden';
+
+  return (
+    <MainContainer theme='additional'>
+      <header className='header'>
+        <BurgerMenu />
+
+        <Link to='/'>
+          <Paw className='header__logo' />
+        </Link>
+
+        <nav className={`menu menu_items_links ${isElementHidden}`}>
+          <MenuLink url='/papers'>Полезные статьи</MenuLink>
+          <MenuLink url='/shelters'>Карта приютов</MenuLink>
+          <MenuLink url='/news'>Новости</MenuLink>
+        </nav>
+        <nav className='menu'>
+          {!username && (
+            <NavLink className='menu__sign menu__sign_in' to='/sign-in'>
+              Вход
+            </NavLink>
+          )}
+          {isScreenWide && !username && (
+            <NavLink className='menu__sign menu__sign_up ' to='/sign-up'>
+              Регистрация
+            </NavLink>
+          )}
+
+          {username && <button className='menu__profile' type='button' onClick={openProfilePopup} />}
+        </nav>
+
+        <ProfilePopup isOpen={profilePopupOpen} closeProfilePopup={closeProfilePopup} />
+      </header>
+    </MainContainer>
+  );
+};
+
+export default Header;