From ca6d43e0e8b34e39afcccdb542137a8942a2ab8f Mon Sep 17 00:00:00 2001
From: Dave <david.els1@outlook.com>
Date: Fri, 28 Aug 2026 00:21:36 +0200
Subject: [PATCH] feat(boss-dashboard): add order totals strip (Total /
 Delivered / Invoiced)

---
 src/app/(mobile)/m/dashboard-view.tsx | 33 +++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/app/(mobile)/m/dashboard-view.tsx b/src/app/(mobile)/m/dashboard-view.tsx
index d8c48ef..44d4f84 100644
--- a/src/app/(mobile)/m/dashboard-view.tsx
+++ b/src/app/(mobile)/m/dashboard-view.tsx
@@ -115,10 +115,14 @@ export default function BossDashboardView() {
         ))}
       </div>
 
-      {/* Placeholder for order totals (Task 11) */}
-      <div className="rounded-xl bg-muted/30 p-3 text-xs text-muted-foreground">
-        Order totals land here in Task 11.
-      </div>
+      {/* Order totals */}
+      {data && (
+        <div className="grid grid-cols-3 gap-2">
+          <OrderTotal label="Total" value={data.orderTotals.total} color="text-foreground" />
+          <OrderTotal label="Delivered" value={data.orderTotals.delivered} color="text-orange-400" />
+          <OrderTotal label="Invoiced" value={data.orderTotals.invoiced} color="text-emerald-400" />
+        </div>
+      )}
 
       {/* Placeholder for reps (Task 12) */}
       <div className="rounded-xl bg-muted/30 p-3 text-xs text-muted-foreground">
@@ -151,3 +155,24 @@ function timeAgo(date: Date): string {
   if (hr < 24) return `${hr}h ago`;
   return date.toLocaleDateString("en-ZA", { day: "numeric", month: "short" });
 }
+
+function OrderTotal({
+  label,
+  value,
+  color,
+}: {
+  label: string;
+  value: number;
+  color: string;
+}) {
+  return (
+    <div className="rounded-xl bg-card border border-border/60 p-3">
+      <div className="text-[10px] font-bold uppercase tracking-widest text-muted-foreground">
+        {label}
+      </div>
+      <div className={`mt-1 text-xl font-semibold tabular-nums ${color}`}>
+        {value.toLocaleString()}
+      </div>
+    </div>
+  );
+}