WP-FIGMA-RENT-PIXEL-02 — Re-sync Phòng trọ vs Figma
Domain: D-RENTAL · Surface: CON · Status: IMP · Date: 2026-08-14
Context
Figma MCP rate-limited → đối chiếu JPG design/mockups/0ea609678e9a0fc4568b23.jpg + node 25:1686.
Lệch chính sau WP-FE-MAP-LIST-PEEK-01: map luôn trên đầu → không giống Figma (list-first + nút Bản đồ).
Figma list (Screen 1)
| Element | Spec |
|---|---|
| Header | welife · search · profile |
| Title | «Phòng trọ» + chip Bản đồ (toggle) |
| Chips | Gần bạn · Lọc · Phòng riêng · Nguyên căn · Giá · Đã lưu |
| Cards | Hero ảnh · price pill · heart · title · rating · addr · amenities |
| Map | Chỉ khi bật «Bản đồ» · sheet + vuốt navbar mở lớn |
Change
RentalListScreen.tsx: showMap default false; «Bản đồ» bật/tắt map; list mặc định; search icon trên header.
Verify
- Mở Phòng trọ → thấy list cards, không map peek.
- Chạm Bản đồ → map sheet; vuốt navbar thu/mở.
- Chạm lại Bản đồ → về list.
Next
Khi Figma MCP hết limit: get_design_context 25:1686 để pixel màu/spacing còn lại (filter sheet, detail).