Tenancy Quick-View Flyout: Instant Insights Without Leaving the List
Tenancy Quick-View Flyout: Instant Insights Without Leaving the List
Released in v0.1.387
The Problem
Before this release, reviewing even the most basic tenancy details — deposit amount, compliance state, or workflow progress — required a full navigation to the tenancy detail page at /dashboard/tenancies/[id].
For agents managing large portfolios, this created a repetitive friction loop:
- Scroll the tenancy list to find the relevant card.
- Click through to the full detail page (full page load).
- Read the required information.
- Navigate back — often losing scroll position in the list.
For the most common lookups, this round-trip was unnecessary.
What's Changed
The tenancy list (in both grid view and table view) now includes a quick-view flyout/popover triggered by hovering over or clicking the preview icon on a tenancy card.
The flyout gives agents the key information they need without ever leaving the list.
What the Flyout Shows
| Section | Detail |
|---|---|
| Workflow Progress | Step-by-step status across check-in, check-out, and deposit stages |
| Compliance Badge | Current compliance state for the tenancy |
| Deposit Summary | Deposit amount and registered protection scheme |
| Full View → | Link to the complete tenancy detail page when more context is needed |
How to Use It
- Open the Tenancies list from the dashboard (
/dashboard/tenancies). - In either grid or table view, locate the tenancy card you want to inspect.
- Hover over the card or click the preview icon (👁) to open the quick-view flyout.
- Review workflow progress, compliance state, and deposit details inline.
- If you need the full detail view, click Full View → in the flyout.
The list remains in place throughout — no page load, no lost scroll position.
Implementation Note
The quick-view flyout follows the same pattern as the existing Property Quick-View component (property-quick-view.tsx), ensuring a consistent interaction model across the dashboard for both property and tenancy lookups.
Impact
This change is most beneficial for letting agents and property managers who routinely scan tenancy lists to triage deposit compliance and workflow status across a portfolio. By surfacing the most-looked-up data points inline, the quick-view flyout reduces navigation round-trips for the highest-frequency agent tasks.