Display user first name in dashboard greeting

- Extract firstName/lastName from auth me() endpoint (already provided by backend)
- Show first name in greeting, fallback to username if not set
- Remove hardcoded 'Sabina & Malik' greeting

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Felix Kemmler
2026-08-10 22:02:57 +02:00
co-authored by Claude Haiku 4.5
parent cae5e7ed67
commit b11dc41310
2 changed files with 10 additions and 2 deletions
+8 -1
View File
@@ -41,7 +41,14 @@ export async function me(accessToken) {
const api = new AuthApi(configFor(accessToken)); const api = new AuthApi(configFor(accessToken));
const result = await callApi(api.apiAuthMeGetRaw()); const result = await callApi(api.apiAuthMeGetRaw());
if (!result.ok) return { ok: false, status: result.status }; if (!result.ok) return { ok: false, status: result.status };
return { ok: true, username: result.data.username, role: result.data.role, permissions: result.data.permissions }; return {
ok: true,
username: result.data.username,
firstName: result.data.firstName,
lastName: result.data.lastName,
role: result.data.role,
permissions: result.data.permissions
};
} }
export async function requestPasswordReset(username) { export async function requestPasswordReset(username) {
+2 -1
View File
@@ -3,13 +3,14 @@ import { useAuth } from "../app/AuthContext";
export default function Header() { export default function Header() {
const { user, logout } = useAuth(); const { user, logout } = useAuth();
const displayName = user?.firstName || user?.username || "Benutzer";
return ( return (
<header className="header"> <header className="header">
<div className="header-left"> <div className="header-left">
<h1>Guten Morgen Sabina & Malik </h1> <h1>Guten Morgen {displayName} </h1>
<p> <p>
Schön, dass ihr heute wieder da seid. Schön, dass ihr heute wieder da seid.