/
DevDenzo
/
DigitalStore
Обзор
Документация
Войти
/
DevDenzo
/
DigitalStore
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Header/Header.jsx
54 строки
1 KB
Denis Sklyarskij
последние доработки перед релизом
28 ноя 2025, 18:43
28 ноя 2025, 18:43
6bdaafb
Код
Авторство
О чём код?
import React, { useState } from 'react'; import { LogoPortal, Logo, SearchBar, SimpleMenu, DrawerList } from './index'; import { JustifyRight } from "react-bootstrap-icons"; import { useMediaQuery } from 'react-responsive'; import './Header.css'; const Header = () => { const [activeDrawer, setActiveDrawer] = useState(false); const isMobile = useMediaQuery({ query: '(max-width: 1024px)' }); const handleVisibleDrawer = () => { setActiveDrawer(true); }; return ( <header className="App-header"> <SearchBar /> {isMobile ? ( <nav className="App-header__header-nav"> <button type="button" className="App-header__drawer-button" onClick={handleVisibleDrawer} > <JustifyRight size={22} /> </button> {activeDrawer && ( <DrawerList onActive={setActiveDrawer} /> )} </nav> ): ( <nav className="App-header__header-nav"> <LogoPortal> <Logo /> </LogoPortal> <SimpleMenu /> </nav> ) } </header> ); }; export default Header;