From 237f8ae6c29bbf485c312b2fed4d5ab4f99a4eff Mon Sep 17 00:00:00 2001
From: Arne Rief <riearn@proton.me>
Date: Sat, 20 Dec 2025 14:09:20 +0100
Subject: Map and loading robots

---
 frontend/src/components/Header.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/src/components/Header.tsx

(limited to 'frontend/src/components/Header.tsx')

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
new file mode 100644
index 0000000..b9a51b8
--- /dev/null
+++ b/frontend/src/components/Header.tsx
@@ -0,0 +1,31 @@
+import "../styles/button.css";
+import "../styles/header.css";
+import Logo from "./Logo";
+import userIcon from "../assets/user-icon.svg";
+import type { AuthorizedUser } from "../types/login";
+
+type Props = {
+    user: AuthorizedUser;
+    logout: () => Promise<void>;
+};
+
+function Header({ user, logout }: Props) {
+    return (
+        <header className="header">
+            <Logo />
+
+            <div className="header-user">
+                <span className="header-user-info">
+                    <img src={userIcon} alt="User Icon" />
+                    <p>{user?.email}</p>
+                </span>
+
+                <button className="btn btn-stop btn-logout" onClick={logout}>
+                    Logout
+                </button>
+            </div>
+        </header>
+    );
+}
+
+export default Header;
-- 
cgit v1.2.3

