All Docs
Getting StartedDepositClearUpdated March 6, 2026

Blog: v0.1.11 — You Should Always Know Where You Are

v0.1.11 — You Should Always Know Where You Are

A small release today, but one that fixes something that should never have shipped without it: the dashboard sidebar now shows you which page you're on.

The problem

Open the dashboard. Click through to Deposits. Now look at the sidebar. Every link looks the same — same colour, same weight, same everything. Nothing tells you where you are.

Click to Disputes. Same story. Settings. Same.

This is the most basic wayfinding failure a navigation component can have. If a user refreshes the page, arrives via a direct link, or simply loses track after a few clicks, there is zero visual feedback to re-orient them. The sidebar was decorative, not functional.

The fix

We use Next.js's usePathname() hook in dashboard/layout.tsx to check the current route on every render. Whichever nav link matches gets a distinct treatment:

  • A subtle background fill (bg-muted) sets it apart from the rest of the list.
  • Full-contrast text (text-foreground) and semibold weight (font-semibold) make the label read as selected.
  • A left-border accent (border-l-2 border-primary) adds an unambiguous colour cue — the kind of detail your eye finds immediately without consciously looking for it.

Everything else stays text-muted-foreground. The contrast does the work.

Why we're calling it out

This is a v0.1.x release — we're building fast and the product is growing quickly. Catching and fixing foundational UX gaps like this early keeps the experience coherent as more pages are added to the dashboard. Every new route that lands from here inherits the active state behaviour automatically.

Small fix. Big difference in how the app feels to use.


Released in v0.1.11. See the changelog for full details.