Spaces:
Running
Running
File size: 2,748 Bytes
19eca0c 79278ec 4f9f661 79278ec 4f9f661 79278ec 4f9f661 19eca0c 4f9f661 79278ec |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
import { useAuth } from '@/context/AuthContext';
import React from 'react';
import { NavLink, useNavigate } from 'react-router-dom';
import './Navbar.scss';
const Navbar: React.FC = () => {
const { isAuthenticated, logout } = useAuth();
const navigate = useNavigate();
const handleLogout = () => {
logout();
navigate('/login');
};
return (
<nav className="navbar">
<ul>
{isAuthenticated ? (
<>
<li>
<NavLink
to="/logs"
className={({ isActive }) => (isActive ? 'active' : '')}
>
Логи
</NavLink>
</li>
<li>
<NavLink
to="/docs"
className={({ isActive }) => (isActive ? 'active' : '')}
>
Датасеты
</NavLink>
</li>
<li>
<NavLink
to="/llmconfig"
className={({ isActive }) => (isActive ? 'active' : '')}
>
Настройки LLM
</NavLink>
</li>
<li>
<NavLink
to="/llmprompt"
className={({ isActive }) => (isActive ? 'active' : '')}
>
Системные промпты
</NavLink>
</li>
<li>
<NavLink
to="/qeprompt"
className={({ isActive }) => (isActive ? 'active' : '')}
>
QE промпты
</NavLink>
</li>
<li>
<button onClick={handleLogout}>Выход</button>
</li>
</>
) : (
<li>
<NavLink to="/login" className={({ isActive }) => (isActive ? 'active' : '')}>
Вход
</NavLink>
</li>
)}
</ul>
</nav>
);
};
export default Navbar; |