Commit Graph

2 Commits

Author SHA1 Message Date
Ho Ngoc Hai
d91e3f6fe2 feat(web): complete ticker-table refactor for listings page (TEC-3046)
- 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>
2026-04-21 02:01:55 +07:00
Ho Ngoc Hai
9bb4c42f84 feat(web): listings page — ticker-style DataTable với toggle card view
Tạo mới trang /listings dạng bảng ticker-style theo spec TEC-3034.

- DataTable compact (row 36px, sticky header, alternating rows)
- Cột: #, Mã (GG-xxx), Quận, Loại, Giá, Δ30d, DT m², KL/Views
- Sortable theo Giá, Δ30d, DT m², KL/Views
- Filter inline: Loại giao dịch, Loại BĐS, Quận, Khoảng giá
- Toggle view: Table (default) ↔ Card grid (legacy component cũ)
- Pagination restyle compact, giữ nguyên API params
- Click row → navigate to detail page
- Dùng DataTable + PriceDelta từ @/components/design-system

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-04-21 01:31:22 +07:00