/
Lisa086
/
BackupPro
Обзор
Документация
Войти
/
Lisa086
/
BackupPro
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
frontend/src/components/Navbar.js
36 строк
1 KB
Lisa086
run
28 окт 2025, 16:14
28 окт 2025, 16:14
f9f460f
Код
Авторство
О чём код?
import React from 'react'; import { Link, useLocation } from 'react-router-dom'; import './Navbar.css'; function Navbar({ onLogout }) { const location = useLocation(); return ( <nav className="navbar"> <div className="navbar-container"> <div className="navbar-logo"> <Link to="/dashboard"> Backup Service</Link> </div> <ul className="navbar-menu"> <li className={location.pathname === '/dashboard' ? 'active' : ''}> <Link to="/dashboard"> Файлы</Link> </li> <li className={location.pathname === '/config' ? 'active' : ''}> <Link to="/config"> Настройки</Link> </li> <li className={location.pathname === '/monitor' ? 'active' : ''}> <Link to="/monitor"> Мониторинг</Link> </li> <li className={location.pathname === '/profile' ? 'active' : ''}> <Link to="/profile"> Профиль</Link> </li> <li> <button onClick={onLogout} className="logout-btn">Выход</button> </li> </ul> </div> </nav> ); } export default Navbar;