fix: restore frontend page headings
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
parent
fa4091a673
commit
bf14b6eea7
2 changed files with 24 additions and 23 deletions
|
|
@ -1,17 +1,17 @@
|
||||||
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">
|
||||||
|
|
|
||||||
|
|
@ -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}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue