Skip to content

QC-67: Customer app shell + shops/cart/orders navigation #126

@DarshanCode2005

Description

@DarshanCode2005

Summary

Customer app shell + shops/cart/orders navigation

Milestone: M2 Customer
Labels: frontend, customer, design

Learn

  • Zustand cart store totals across shops
  • Layout-level navigation vs page-level FloatingCartBar
  • Mobile bottom nav patterns

Build

  • Create components/layout/CustomerNav.tsx — Shops | Cart (badge) | Orders
  • Cart badge = total line qty across all shops (useCartStore)
  • Integrate into app/(customer)/layout.tsx on all customer pages
  • Coordinate FloatingCartBar on shop detail so it sits above bottom nav (no overlap)
  • Header: customer name + Sign out
  • Ensure nav visible on shops list, shop detail, cart, checkout, orders

Files

  • components/layout/CustomerNav.tsx
  • app/(customer)/layout.tsx
  • components/customer/FloatingCartBar.tsx
  • lib/routes.ts

Acceptance criteria

  • Customer moves between shops, cart, and orders without typing URLs
  • Cart badge updates after add-to-cart on shop detail
  • Nav persists across full browse → cart → checkout → orders flow
  • Sign out works from customer area
  • 44px min touch targets on mobile tabs

Depends on

Metadata

Metadata

Assignees

No one assigned

    Labels

    customerCustomer role featuresdesignDesign system and polishfrontendUI pages and components

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions