VVRONGG/backside | Gitverse

admin/src/components/Layout.tsx

30 строк802 B

VVrongg

add kubec deploy

24 май 2026, 20:16

24 май 2026, 20:16db9ffee

import { NavLink, Outlet, useNavigate } from 'react-router-dom';
import { useAuth } from '../auth';

export default function Layout() {
  const { logout } = useAuth();
  const navigate = useNavigate();

  const onLogout = () => {
    logout();
    navigate('/login', { replace: true });
  };

  return (
    <div className="app">
      <header className="topbar">
        <span className="brand">Админ-панель Backside</span>
        <nav className="nav">
          <NavLink to="/objectives">Объекты</NavLink>
          <NavLink to="/routes">Маршруты</NavLink>
        </nav>
        <button className="btn btn-ghost" onClick={onLogout}>
          Выйти
        </button>
      </header>
      <main className="content">
        <Outlet />
      </main>
    </div>
  );
}