Properties List: Quick-View Slide-Over
Properties List: Quick-View Slide-Over
Status: Scoped in v0.1.192 — implementation in progress.
Overview
The Properties List page displays all properties managed within your account as either cards or a table view. In v0.1.192, a usability improvement was scoped to add a Quick View slide-over panel to property cards and table rows, allowing you to inspect key tenancy and compliance data without leaving the list.
The Problem It Solves
Previously, checking basic details about a property — such as how many active tenancies it has, whether deposits are protected, or if there are any open compliance issues — required clicking through to the full property detail page and navigating back to the list. For users managing multiple properties, this created repetitive back-and-forth navigation.
Quick View Panel
Once implemented, the Quick View panel will be accessible via a right-click or hover action on any property card or table row. It opens as a slide-over panel on the right side of the screen without navigating away from the list.
Panel Contents
- Active Tenancy Count — the number of tenancies currently active at the property.
- Deposit Protection Status — whether deposits are protected and the scheme in use.
- Latest Check-Out Date — the most recent or next scheduled check-out.
- Open Compliance Issues — the number of unresolved compliance alerts.
When to Use the Full Property Page
The Quick View panel is designed for read-only status checks. Use the full property detail page for:
- Editing property details
- Managing tenancies
- Uploading documents
- Resolving compliance issues
Interaction Pattern
The Quick View slide-over follows the same UI pattern already used elsewhere in the dashboard:
| Feature | Trigger | Panel Type |
|---|---|---|
| Add Tenancy | Button click | Slide-over |
| Check-Out Report Builder | Initiate check-out | Slide-over |
| Property Quick View | Right-click / hover on card | Slide-over |
This consistency means no new interaction patterns to learn — the slide-over behaves the same way across all three contexts.
Affected Component
src/app/dashboard/properties/properties-list.tsx