WP-FIGMA-FN-SYS-01 — Empty / offline / GPS / pay on remaining lists
Domain: D-SYS · Surface: CON · Status: IMP · Date: 2026-08-15
Design
- JPG
design/mockups/868c944613bb92e5cbaa22.jpg(12 panel system states) - Wave B JPG-only · không tạo
*Screen.tsxmới - Focus queue: gắn empty / offline / GPS / pay / hủy đơn vào list còn lại
Checklist board
| CTA trên hình | Kết quả |
|---|---|
| Không tìm thấy kết quả + chips | EmptyResultsState · chips bấm được · PlaceSearch / AllServices |
| Offline «Thử lại» | ListStateGate + useOnline trên PlaceSearch / Nearby / Favorites; Grocery / Ride early return |
| Cho phép vị trí / Để sau | LocationPermissionScreen copy khớp board |
| GPS tắt · Bật vị trí / Để sau | GpsOffState → ensureLocation + Settings; Nearby / Search / Grocery / Ride |
| Thanh toán fail | PaymentResult FAILED → PayFailState (retry / đổi phương thức / hỗ trợ) |
| Thanh toán thành công | PaymentResult PAID → PaySuccessState (chi tiết / về trang chủ) |
| Đơn đã hủy | OrderTrack status /CANCEL/ → OrderCancelledState |
| Session hết hạn | Giữ SessionExpiredScreen |
| Xóa TK / Đăng xuất | Giữ Settings / AccountHome |
| Điều khoản / Privacy | Giữ CMS Terms / Privacy |
Files
mobile/src/shared/ui/StateBlocks.tsxmobile/src/shared/ui/ListStateGate.tsxmobile/src/features/places/screens/PlaceSearchScreen.tsxmobile/src/features/places/screens/PlacesNearbyScreen.tsxmobile/src/features/home/screens/AllServicesScreen.tsxmobile/src/features/payments/screens/PaymentResultScreen.tsxmobile/src/features/fnb/screens/OrderTrackScreen.tsxmobile/src/features/grocery/screens/GroceryHomeScreen.tsxmobile/src/features/rides/screens/RideHomeScreen.tsxmobile/src/features/favorites/screens/FavoritesScreen.tsxmobile/src/features/profile/screens/SystemStatesScreen.tsxmobile/src/features/auth/screens/LocationPermissionScreen.tsx
N/A
- P8 lists (Bills / Charging / Delivery / HomeServices / QR / Transit) — không board Figma/JPG (doc 19 §5)
- Dialog vị trí overlay map — dùng màn onboarding sẵn có, không screen mới
- GPS «Tại sao…» — copy footer, không invent FAQ API
- Pay live / SMS / MoMo — OWNER gate, không đụng
- Dark theme visual