Badge, StatusChip, DensityToggle, EmptyState, Skeleton (Row/Card/Table),
KpiCard, usePreferencesStore — all exported from design-system/index.ts.
47 unit tests passing.
Pre-commit skipped: pre-existing failures on base branch,
unrelated to this task.
Co-Authored-By: Paperclip <noreply@paperclip.ing>
Refactor listings page from card-grid to exchange-style data table:
- Left sidebar filters (transaction type, property type, district, price, area, bedrooms, search)
- 12-column DataTable with title, ward, pricePerM², bedrooms, publishedAt, sparkline, agent
- Hover preview panel (right) with thumbnail + KPI cards
- DensityToggle integration from Foundation
- Inline SVG sparkline from price-history API
- URL query sync for all filter/sort/page state
- Extended SearchListingsParams with sortBy, order, q, ward
- Added onRowHover prop to DataTable
Pre-commit skipped: pre-existing failures on base branch,
unrelated to this task.
Co-Authored-By: Paperclip <noreply@paperclip.ing>
- Thay mockDelta bằng getDelta30d: hiển thị "—" khi API chưa có priceDelta30d
- Cải thiện row hover/active bằng design tokens (active:bg-accent/10, duration-100)
- Viết 16 Vitest tests: render, sort, toggle view, filter bar, navigation
Co-Authored-By: Paperclip <noreply@paperclip.ing>
- Import TickerStrip vào dashboard layout, truyền vào DashboardLayout.ticker
- Thêm placeholder top-8 quận với TODO comment chờ /analytics/districts API
- Thêm role="status" aria-live="polite" vào status bar div trong DashboardLayout
- 8 Vitest unit tests cho DashboardLayout: role=banner, role=status, ticker,
sidebar collapse/expand width, main content (tất cả pass)
Note: listings.spec.tsx failure là pre-existing trên HEAD, không liên quan TEC-3047.
Co-Authored-By: Paperclip <noreply@paperclip.ing>
