WP-FIGMA-FN-ROUTE-01 — 4 màn nav pixel + CTA
Domain: D-ROUTE · Surface: CON · Status: IMP · Date: 2026-08-15
Design
- JPG
design/mockups/b6ccd00857f5d6ab8fe430.jpg(Chọn lộ trình · Chi tiết lộ trình · Chỉ đường chi tiết · Active) - Wave B JPG-only · Figma MCP DEFERRED (
WP-FE-ROUTE-05-FIGMA-SYNC) - Không tạo
*Screen.tsxmới
Checklist board
| CTA trên hình | Kết quả |
|---|---|
| Chọn lộ trình · 2 ô A/B · swap | Origin search + dest autocomplete GET /routing/autocomplete · swap A↔B |
| Nhà / Công ty | GET /addresses · thiếu → AccountTab/AddressForm (nhãn Nhà/Công ty) · reload khi focus |
| Gần đây | Persist routeRecents · fallback Tân Sơn Nhất / Landmark 81 / Bến Thành |
| Chi tiết lộ trình · 4 mode cards | Ô tô / Xe máy / Bus / Đi bộ + phút · POST /routing/directions |
| Tuyến nhanh nhất do giao thông | Copy khớp hình · không invent alternatives/filter (N/A BE) |
| Bắt đầu dẫn đường | RouteActive |
| Chỉ đường chi tiết · X · Bắt đầu đi | Sheet expand · X thu sheet · CTA «Bắt đầu đi» |
| Summary 15 phút · Tiết kiệm | Badge chỉ khi mode xe máy/đi bộ và provider không phải estimate |
| Tap bước → focus map | Giữ animateTo |
| Overflow ⋮ | Chia sẻ / Mở Maps / Xem toàn tuyến |
| Active: volume | Mute = tắt AccessibilityInfo.announceForAccessibility (không thêm expo-speech) |
| Active: la bàn | Recenter follow |
| Active: +/- | zoomBy thật (không còn + = fitRoute) |
| Thoát / Lộ trình | HomeMap / goBack |
| Tốc độ 50 | Live km/h thiết bị — không có API speed-limit |
| Bubble ETA trên pin đích | destEtaLabel |
Files
mobile/src/features/routing/screens/RoutingDirectionsScreen.tsxmobile/src/features/routing/screens/RouteStepsScreen.tsxmobile/src/features/routing/screens/RouteActiveScreen.tsxmobile/src/features/routing/components/RoutePolylinePreview.tsxmobile/src/features/routing/routeHelpers.ts
N/A
- Tuyến thay thế / avoid / filter giao thông — BE chưa có alternatives
- TTS Mapbox/expo-speech — mute dùng Accessibility announce
- Speed-limit vòng 50 trên hình — không endpoint; hiện tốc độ thực
- Pixel Figma live node —
WP-FE-ROUTE-05-FIGMA-SYNCvẫn DEFERRED