trends.stumason.dev
TypeScript
Pull Request Opened
PR #125 opened: fix(ux): Stream + clock in SiteHeader (consistent across every page)
Scope
Per Stu's "I want Stream and time in the nav throughout the site" — wires the live-stream pulse + UTC clock into SiteHeader itself so the chrome reads identically on /, /reports, /reports/{slug}, and the share view.
Before: meta was a page-specific prop. / passed stats.lastUpdated; /reports* passed nothing. Chrome diverged across pages even though the component was shared.
What's in
components/layout/site-header.tsx— Stream pulse + UTC clock are intrinsic now, not props.useUtcClockhook (inline) — first tick scheduled to the next wall-clock minute boundary, then 60s intervals. Cleans up on unmount. Renders as<time dateTime={ISO-8601}>HH:MM UTC</time>for accessibility.pages/dashboard.tsx— dropsmeta={...}pass-through (no longer needed).
Verified locally
/nav reads:DEVTRENDS · Live · Reports · • Stream · 10:21 UTC/reportsnav reads:DEVTRENDS · Live · Reports · • Stream · 10:20 UTC- Identical chrome between pages
Screenshots: docs/ux-overhaul/screenshots/nav-landing.png, nav-reports.png
+74
additions
-21
deletions
5
files changed