All Docs
FeaturesDepositClearUpdated March 11, 2026

Properties List Gets Filter Toolbar: Status Filters, Sorting & Consistent UI

Properties List Gets Filter Toolbar: Status Filters, Sorting & Consistent UI

Release v0.1.87

Overview

The Properties List page has been updated to use the shared FilterToolbar component, bringing it into full visual and functional parity with the Tenancies, Check-In, Check-Out, and Deductions list pages.

Previously, the Properties List was the only major list view in the dashboard that did not use FilterToolbar. It relied on a one-off inline search input — different padding, different border styling, and missing filter and sort controls entirely. That inconsistency has now been resolved.

What's new on the Properties List page

Status filter chips

A row of chip-style filter buttons now sits above the property list, matching the pattern on the Tenancies page:

ChipShows
AllEvery property, regardless of status
ActiveProperties with at least one active tenancy
UpcomingProperties with a tenancy starting in the future
EndedProperties where all tenancies have ended
DisputedProperties with an open deposit dispute

Sort dropdown

A sort control lets you order the list by:

  • Address A–Z — alphabetical by property address
  • Newest first — most recently added properties at the top
  • Most tenancies — properties with the highest number of tenancies ranked first

Property type filter (optional)

A chip group for filtering by property type is also available, allowing you to narrow the list to specific kinds of properties where needed.

Consistent styling

The bespoke inline search input has been removed and replaced with the FilterToolbar component used across the rest of the dashboard. This means:

  • Uniform pl-8 padding on the search input (previously pl-9 on Properties)
  • Matching border treatment across all list pages
  • A single shared component to maintain going forward

Why this matters

The dashboard's list pages — Tenancies, Check-In, Check-Out, Deductions, and now Properties — are navigated frequently and in close succession. When filtering and sorting controls work differently (or are absent) on one page compared to another, it creates friction and erodes trust in the interface.

By standardising on FilterToolbar, every list page now behaves the same way. Users can apply filters and sort their data using familiar, consistent controls wherever they are in the dashboard.

Affected file

src/app/dashboard/properties/properties-list.tsx