fix: restore frontend page headings

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Daniel Noulet 2026-09-20 08:53:52 +02:00
parent fa4091a673
commit bf14b6eea7
2 changed files with 24 additions and 23 deletions

View file

@ -1,25 +1,25 @@
import {CalendarDays, Inbox, Mail} from 'lucide-react' import { CalendarDays, Mail } from 'lucide-react'
import {NavLink} from 'react-router-dom' import { NavLink } from 'react-router-dom'
import type {User} from '../../types' import type { User } from '../../types'
export function WorkspaceUtilities({user}: { user: User | null }) { export function WorkspaceUtilities({ user }: { user: User | null }) {
const profileLabel = user?.displayName || user?.email || 'Profile' const profileLabel = user?.displayName || user?.email || 'Profile'
return ( return (
<nav className="workspace-utilities" aria-label="Account navigation"> <nav className="workspace-utilities" aria-label="Account navigation">
<NavLink className="utility-link" to="/inbox"> <NavLink className="utility-link" to="/inbox">
<Mail size={18} aria-hidden="true"/> <Mail size={18} aria-hidden="true" />
<span>Invitations</span> <span>Inbox</span>
</NavLink> </NavLink>
<NavLink className="utility-link" to="/calendar"> <NavLink className="utility-link" to="/calendar">
<CalendarDays size={18} aria-hidden="true"/> <CalendarDays size={18} aria-hidden="true" />
<span>Calendar</span> <span>Calendar</span>
</NavLink> </NavLink>
<NavLink className="utility-link profile-utility" to="/profile"> <NavLink className="utility-link profile-utility" to="/profile">
<span className="avatar tiny" aria-hidden="true"> <span className="avatar tiny" aria-hidden="true">
{profileLabel.slice(0, 2).toUpperCase()} {profileLabel.slice(0, 2).toUpperCase()}
</span> </span>
<span>{profileLabel}</span> <span>{profileLabel}</span>
</NavLink> </NavLink>
</nav> </nav>
) )
} }

View file

@ -15,6 +15,7 @@ export function PageHeader({
<header className="page-header"> <header className="page-header">
<div> <div>
<span className="eyebrow">{eyebrow}</span> <span className="eyebrow">{eyebrow}</span>
<h1>{title}</h1>
{description && <p>{description}</p>} {description && <p>{description}</p>}
</div> </div>
{action} {action}