Reception View
Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components
Why This Matters
The Reception View gives front-of-house staff a real-time overview of all tables and their order status. Instead of walking the floor to check on each table, staff can quickly see which tables have active orders, view order details, and mark items as served. This improves service speed and helps coordinate between reception and kitchen.How It Works
At a Glance: The Table Grid
When you open the Reception View, you see every table in the restaurant at once. Each card shows the table name, how many seats it has, and a color-coded status that tells you everything you need to know without walking the floor. Green means the table is ready for new guests. Orange means someone’s dining — there’s an active order in progress. Blue indicates a reservation is coming soon. Red means the table is undergoing maintenance and isn’t available.Checking What’s Happening at a Table
Tap any occupied table and a modal slides open with the full picture: the table name, the order number, and every item split into kitchen and bar groups so you know exactly what’s been ordered. You’ll see quantity, item name, and whether it’s a comp item (marked purple, usually from a challenge win). The order total sits at the bottom so you have the full context at a glance.Closing Out an Order
When the kitchen signals that everything for a table is ready:Key Concepts
- Active Order: An order that has been submitted and is either in progress or completed but not yet closed
- Kitchen Items: Food orders that go to the kitchen station
- Bar Items: Drink orders that go to the bar station
- Comp Item: A complimentary item marked with a purple badge
- Mark All Served: Action that marks all items in an order as delivered to the guest
Technical Details
Components
Components
| Component | File | Purpose |
|---|---|---|
| Inline components | page.tsx | Table cards, order detail modal, status badges |
Convex API
Convex API
| Query/Mutation | Purpose |
|---|---|
payments.getTablesWithActiveOrders | Fetch all tables with their active order status |
payments.getWithItems | Fetch order details including all items |
payments.markServed | Mark an order as fully served |
See Also
Staff Order
Taking orders at tables
Kitchen Display
Kitchen station order display
Admin Dashboard
Dashboard overview and navigation