Fix: Dashboard Header Now Reflects the Current Page
Fix: Dashboard Header Now Reflects the Current Page
Release: v1.0.22
Category: Navigation · UI/UX
Affected file: src/app/dashboard/layout.tsx
The problem
Up until v1.0.22, every page inside the dashboard — Transactions, Properties, HMRC Connection, and others — displayed "Dashboard" as the <h1> title in the top header, regardless of where you actually were in the app.
This created two competing headings on the same screen:
| Location in the DOM | What it showed |
|---|---|
Shared layout header (layout.tsx) | "Dashboard" (always, on every page) |
Page-level <main> content | e.g. "Quarterly Tax Summaries", "HMRC Connection" |
The result was disorienting — particularly when jumping between the HMRC submission flow, your property list, and your transaction history, all of which have distinct purposes that the static header failed to communicate.
What was fixed
The static <h1 className='text-lg font-semibold'>Dashboard</h1> element has been removed from the shared layout header in src/app/dashboard/layout.tsx.
Each page already renders its own accurate, descriptive <h1> inside <main>. Those page-level headings are now the single source of truth for the current page context — no duplication, no contradiction.
What you'll notice
- The top header no longer shows a redundant "Dashboard" label on inner pages.
- Navigating to any section (Transactions, Properties, HMRC, etc.) immediately presents the correct page heading without conflicting signals.
- Accessibility is improved: screen readers and browser tab context now reflect a single, unambiguous page title.
Technical detail
The fix is a targeted removal in the dashboard layout wrapper. No new dependencies were introduced. If a dynamic, usePathname()-derived title or a breadcrumb component is added in a future release, it will slot cleanly into the same location in layout.tsx.