WP-FIGMA-FN-RENT-01 — Phòng trọ: chức năng trên hình
Domain: D-RENTAL · Surface: CON · Status: IMP · Date: 2026-08-15
Design
- JPG
0ea609678e9a0fc4568b23.jpg(list · detail · filter · saved · viewing · call · lịch hẹn · search · report) - Figma
25:1686— MCP rate-limit → JPG
Checklist board
| CTA trên hình | Kết quả |
|---|---|
| Lọc · Giá · loại phòng | Sheet RentalFilterModal · GET /rentals?listingType&maxPrice · amenities client |
| Chip Phòng riêng / Nguyên căn / Ký túc | listingType ROOM / WHOLE / DORM |
| Tim lưu · Đã lưu + sub-chip | FavoritesApi RENTAL · Tất cả / Gần trung tâm / Có gác / Nội thất |
| So sánh | Nút trên card + bar 2 tin → RentalCompare (không chỉ long-press) |
| Search recents · khu vực nổi bật | Chip Quận 1 / 7 / Bình Thạnh / Thủ Đức (không screen mới) |
| Share · Nhắn tin · Đặt lịch sticky | Share · sms: SĐT chủ · scroll tới form xem phòng |
| Xác nhận đặt lịch | POST /rentals/viewings → success |
| Gọi chủ · Báo cáo | Modal tel: · radio + «Đã cho thuê» |
| Lịch hẹn · Gọi điện · Chỉ đường | Icon lịch trên list · hostPhone trên viewing · maps |
Files
mobile/src/features/rentals/components/RentalFilterModal.tsxmobile/src/features/rentals/rentalFilter.tsmobile/src/features/rentals/screens/RentalListScreen.tsxmobile/src/features/rentals/screens/RentalDetailScreen.tsxmobile/src/features/rentals/screens/RentalViewingsScreen.tsxmobile/src/services/api.ts(hostPhonetrên viewing listing)api/src/modules/rentals/rentals.service.ts(serialize viewinghostPhone— field listing sẵn có)
N/A
- Dual price slider — chip
< 3/5/8/12tr(BE chỉmaxPrice) - Calendar native tháng — chip ngày + slot giờ trên detail (không screen mới)
- Chat in-app chủ nhà — listing không có
hostUserId→sms:/tel: - Pixel Figma live — MCP Starter rate-limit