Navbar s možností odhlášení

client/src/components/Header.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Navbar, Nav, NavDropdown } from "react-bootstrap";
+import { useAuth } from "../context/auth";
+
+export default function Header() {
+    const auth = useAuth();
+
+    return <Navbar variant='dark' expand="lg">
+        <Navbar.Brand>Luncher</Navbar.Brand>
+        <Navbar.Toggle aria-controls="basic-navbar-nav" />
+        <Navbar.Collapse id="basic-navbar-nav">
+            <Nav className="nav">
+                <NavDropdown title={auth?.login} id="basic-nav-dropdown">
+                    <NavDropdown.Item onClick={auth?.clearLogin}>Odhlásit se</NavDropdown.Item>
+                </NavDropdown>
+            </Nav>
+        </Navbar.Collapse>
+    </Navbar>
+}