/
DevDenzo
/
DigitalStore
Обзор
Документация
Войти
/
DevDenzo
/
DigitalStore
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Header/SimpleMenu.jsx
48 строк
2 KB
Denis Sklyarskij
Финальный коммит
29 ноя 2025, 18:05
29 ноя 2025, 18:05
c8d7804
Код
Авторство
О чём код?
import React from 'react'; import { Link } from 'react-router-dom'; import { useSelector } from "react-redux"; import { Cart2, Box, InfoSquare } from 'react-bootstrap-icons'; import './SimpleMenu.css'; const SimpleMenu = () => { /* Получаем список товаров из корзины */ const cartItems = useSelector(state => state.cart.itemsCart); return ( <ul className="simple-menu"> <li className="simple-menu__item"> <Link to="/about" className="simple-menu__link"> О нас <span className="simple-menu__icon-link"> <InfoSquare size={22} /> </span> </Link> </li> <li className="simple-menu__item"> <Link to="/orders" className="simple-menu__link"> Заказы <span className="simple-menu__icon-link"> <Box size={22} /> </span> </Link> </li> <li> <Link to="/cart" className="simple-menu__link" > Корзина <span className="simple-menu__icon-link"> <Cart2 size={22} /> </span> {/* Индикатор количества товара в корзине */} {cartItems.length > 0 && ( <span className="simple-menu__badge">{cartItems.length}</span> )} </Link> </li> </ul> ); }; export default SimpleMenu;