WP-FIGMA-FN-FUEL-01 — Trạm xăng: chức năng trên hình
Domain: D-FUEL · Surface: CON · Status: IMP · Date: 2026-08-15
Design
- JPG
2905f7c0703df163a82c4.jpg(map+list · filter · KQ · detail · route) - Figma
25:899— MCP rate-limit → JPG
Checklist board
| CTA trên hình | Kết quả |
|---|---|
| Search «Tìm trạm xăng gần đây…» · filter | Overlay trên map + sheet FuelFilterModal |
| Chip Gần nhất / Giá tốt nhất / Có E5 RON 92 | applyFuelFilter (giữ chip Đang mở cửa) |
| Pin giá · list RON 95-III / E5 / DO | Nearby map + cards |
| Khoảng cách · thương hiệu · loại NL · Áp dụng (N) | 1/2/5km · brands API (+ fallback Petrolimex/PVOIL/Comeco) · RON95/Diesel/E5/DO |
| KQ gần bạn · Tìm thấy N · phút lái | Header + driveMinutes |
| Chỉ đường (list / carousel / detail) | FuelRoute (mode Ô tô/Xe máy/Đi bộ) |
| Bắt đầu | RouteActive in-app (GPS origin, không Google URL) |
| Gọi điện | Alert — FuelStation không có phone |
| Bảng giá 95 / 92 / DO + cập nhật | prices + pricesUpdatedAt (cột FuelPrice.updatedAt sẵn có) |
| Tiện ích cửa hàng / ATM / rửa / WC | Heuristic tên/địa chỉ; không fake 4 ô |
Files
mobile/src/features/fuel/components/FuelFilterModal.tsxmobile/src/features/fuel/fuelFilter.ts·fuelFilter.test.tsmobile/src/features/fuel/screens/FuelNearbyScreen.tsxmobile/src/features/fuel/screens/FuelDetailScreen.tsxmobile/src/features/fuel/screens/FuelRouteScreen.tsxmobile/src/services/api.tsapi/src/modules/fuel/fuel.service.ts(pricesUpdatedAt)
N/A
- SĐT trạm /
tel:— Prisma không cóphone - Giờ mở «đến 23:00» / «mở lúc 06:00» — không cột hours
- DO 0.05S tách khỏi Diesel — cùng
prices.diesel - Tiện ích flag trên BE — không cột amenities
- Pixel Figma live — MCP Starter rate-limit