Move page controls into main content

2026-05-05 20:57:59 +00:00
parent ea325dea36
commit f17311919b
6 changed files with 109 additions and 37 deletions
@@ -1,9 +1,19 @@
+import PageBar from "../components/PageBar.jsx";
 import SummaryCard from "../components/SummaryCard.jsx";
 import { formatCurrency, formatTime, titleCase } from "../lib/formatters.js";

 const queueStatuses = ["new", "making", "ready"];

 export default function QueuePage({
+  adminUnlocked,
+  logoPressing,
+  onLogoPointerDown,
+  onLogoPointerUp,
+  onLogoPointerLeave,
+  onLogoPointerCancel,
+  onHideAdmin,
+  view,
+  setView,
  orders,
  updateOrderStatus,
  deleteOrder,
@@ -12,6 +22,17 @@ export default function QueuePage({
 }) {
  return (
    <section className="queue-screen">
+      <PageBar
+        adminUnlocked={adminUnlocked}
+        logoPressing={logoPressing}
+        onLogoPointerDown={onLogoPointerDown}
+        onLogoPointerUp={onLogoPointerUp}
+        onLogoPointerLeave={onLogoPointerLeave}
+        onLogoPointerCancel={onLogoPointerCancel}
+        onHideAdmin={onHideAdmin}
+        view={view}
+        setView={setView}
+      />
      <div className="queue-summary">
        <SummaryCard label="Open orders" value={orders.filter((order) => order.status !== "completed").length} />
        <SummaryCard label="New" value={orders.filter((order) => order.status === "new").length} />