WP-FIGMA-FN-GROCERY-01 — Siêu thị: chức năng trên hình

Domain: D-GROCERY · Surface: CON · Status: IMP · Date: 2026-08-15

Design

JPG 160bc3ce4433c56d9c2211.jpg (home · địa chỉ · search · aisle · giỏ · checkout · track)
Figma 25:1550 — MCP rate-limit → JPG

Checklist board

CTA trên hình	Kết quả
Giao đến / Thay đổi địa chỉ	Sheet chọn địa chỉ đã lưu + GPS + Thêm địa chỉ
Chip Gần nhất / Đang mở cửa / Ưu đãi	Filter client trên list nearby/search
Bộ lọc sheet	Modal sẵn có + chip Ưu đãi
Aisle tab + Thêm	Catalog `GET /merchants/:id/menu` · `POST /cart/items`
Banner quán · Gọi · Đường đi	`MerchantsApi.byId` · `tel:` · Google Maps
FAB giỏ	Badge số lượng → bước Giỏ trên `GroceryCheckout`
Giỏ ± / xoá / mã KM	`PATCH/DELETE /cart/items` · `PromotionsApi.validate`
Tiến hành Thanh toán	Cùng screen, bước pay
Khung giờ giao	Slot local ghi `note` đơn (BE không có slot SKU)
Ví / Thẻ / COD	Ví+Thẻ → `OrdersApi.pay` + settle; COD không gateway. Không có API thẻ riêng
Đặt hàng → success → theo dõi	`GrocerySuccess` · `OrderTrack`
Chuông thông báo	AccountTab `Notifications`

Files

mobile/src/features/grocery/screens/GroceryHomeScreen.tsx
mobile/src/features/grocery/screens/GroceryStoreScreen.tsx
mobile/src/features/grocery/screens/GroceryCheckoutScreen.tsx
mobile/src/features/grocery/screens/GrocerySuccessScreen.tsx
mobile/src/features/grocery/components/GroceryFilterModal.tsx
mobile/src/features/grocery/components/GroceryAddressSheet.tsx
mobile/src/navigation/types.ts (CARD trên success)

N/A

Tag «Ưu đãi» cửa hàng / % trên SKU — Prisma menu không có originalPrice
Khung giờ giao phía BE — chỉ order.note
Panel track «Mộc Garden Coffee» trên cùng JPG = F&B; grocery dùng OrderTrack chung
Pixel Figma live — MCP Starter rate-limit