WP-FIGMA-RENT-TOUR-01 — Xem phòng online (map phố / video)
Domain: D-RENTAL · Surfaces: CON (+ seed demo) · Status: IMP · Date: 2026-08-17
Mục đích
Người thuê xem hiện trạng + xung quanh phòng trên app (kiểu Google Street View) mà không cần chỉ đường tới chỗ. Video do chủ nhà gắn (SURROUNDINGS / LOCATION / ENTRANCE).
Design: consumer JPG 0ea609678e9a0fc4568b23.jpg (chi tiết phòng · tiện nghi · CTA).
Change
| Mục | Trước | Sau |
|---|---|---|
| Detail CTA | «Chỉ đường» + «Bản đồ» (routing / Google search) | Tab Ảnh · Video · Map phố trong RentalTourPane |
| Map | Rời app, turn-by-turn | MapView nghiêng 3D + kéo xoay · chip Street View pano (không routing) |
| Video | Mix trong carousel | Tab Video ưu tiên SURROUNDINGS chủ nhà gắn |
| Chrome | Header/icon/amenity/sticky lớn | Icon 14–18 · amenity 9pt · sticky 12pt |
| List peek | Nút navigation «Chỉ đường» | Nút Street View mở detail tab Map phố |
| Seed | Chỉ ảnh gallery | + clip SURROUNDINGS demo |
Lịch hẹn đã đặt vẫn giữ «Chỉ đường tới phòng» (success / viewings) — không phải tin đăng.
Files
mobile/src/features/rentals/components/RentalTourPane.tsxmobile/src/features/rentals/components/RentalMediaCarousel.tsxmobile/src/features/rentals/screens/RentalDetailScreen.tsxmobile/src/features/rentals/screens/RentalListScreen.tsxmobile/src/features/rentals/rentalMedia.tsmobile/src/navigation/types.tsapi/prisma/seed.ts
N/A
- BE endpoint mới (dùng
media[]sẵn có) - Xoá đặt lịch xem phòng trực tiếp