WP-FIGMA-FN-HOTEL-01 — Khách sạn: chức năng trên hình
Domain: D-HOTEL · Surface: CON · Status: IMP · Date: 2026-08-15
Design
- JPG
934d7f88f875792b20645.jpg(list · filter · saved · detail · confirm · success) - Figma
25:1379— MCP rate-limit → JPG
Checklist board
| CTA trên hình | Kết quả |
|---|---|
| Chip Giá / Xếp hạng / Tiện ích / Đã lưu | List + sheet bộ lọc |
| Ngày ở · khách · phòng · quận | Sheet filter (ngày local — BE list không có checkIn) |
| Tim lưu | FavoritesApi HOTEL |
| Chọn phòng | Detail · chọn room type |
| Share · Chỉ đường | Share · Google Maps (lat/lng từ GET /hotels/:id) |
| Đặt ngay | Confirm |
| Tên khách · Ví / Thẻ / TM · Xác nhận & Thanh toán | POST /hotels/bookings · tên + pay ghi note |
| Success · Chỉ đường · Liên hệ · Về trang chủ | Maps coords · Share booking (BE không có SĐT KS) |
Files
mobile/src/features/hotels/hotelStay.tsmobile/src/features/hotels/components/HotelFilterModal.tsxmobile/src/features/hotels/screens/HotelListScreen.tsxmobile/src/features/hotels/screens/HotelDetailScreen.tsxmobile/src/features/hotels/screens/HotelConfirmScreen.tsxmobile/src/features/hotels/screens/HotelBookingSuccessScreen.tsxmobile/src/services/api.ts(HotelsApi.getlat/lng)mobile/src/navigation/types.ts
N/A
- Calendar native / dual price slider — stepper ngày + chip giá
- SĐT khách sạn — Prisma
Hotelkhông cóphone→ Liên hệ = Share - Pay gateway sau book — booking CONFIRMED ngay; pay method chỉ
note - Pixel Figma live — MCP Starter rate-limit