From 64b57b8680290ebc8eeefac64d35491536862706 Mon Sep 17 00:00:00 2001
From: Andymick <andymick03@yahoo.com>
Date: Sat, 18 Jul 2026 10:12:51 +0100
Subject: [PATCH] Add 'Personalised' badge to orders with custom designs

---
 src/app/admin/orders/page.tsx | 53 ++++++++++++++++++++---------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/app/admin/orders/page.tsx b/src/app/admin/orders/page.tsx
index f05846c..8094c28 100644
--- a/src/app/admin/orders/page.tsx
+++ b/src/app/admin/orders/page.tsx
@@ -52,32 +52,41 @@ export default async function OrdersPage({ searchParams }: { searchParams: { arc
         <p className="mt-10 text-sm text-muted">{showArchived ? 'Nothing archived yet.' : 'No orders yet.'}</p>
       ) : (
         <div className="mt-8 divide-y divide-line border-t border-line">
-          {orders.map((order) => (
-            <div key={order.id} className="flex items-center gap-4 py-4">
-              <Link href={`/admin/orders/${order.id}`} className="flex flex-1 items-center gap-4 hover:opacity-80">
-                <div className="flex-1">
-                  <p className="font-medium">{order.email ?? 'No email yet'}</p>
-                  <p className="text-sm text-muted">
-                    {order.items.length} item{order.items.length === 1 ? '' : 's'} ·{' '}
-                    {new Date(order.createdAt).toLocaleString(undefined, {
-                      dateStyle: 'medium',
-                      timeStyle: 'short',
-                    })}
-                  </p>
-                </div>
+          {orders.map((order) => {
+            const hasPersonalised = order.items.some((item) => {
+              const design = JSON.parse(item.designJson) as { front: unknown[]; back: unknown[] };
+              return design.front.length > 0 || design.back.length > 0;
+            });
+            return (
+              <div key={order.id} className="flex flex-wrap items-center gap-x-4 gap-y-2 py-4">
+                <Link href={`/admin/orders/${order.id}`} className="flex flex-1 items-center gap-4 hover:opacity-80 min-w-0">
+                  <div className="flex-1 min-w-0">
+                    <p className="font-medium">{order.email ?? 'No email yet'}</p>
+                    <p className="text-sm text-muted">
+                      {order.items.length} item{order.items.length === 1 ? '' : 's'} ·{' '}
+                      {new Date(order.createdAt).toLocaleString(undefined, {
+                        dateStyle: 'medium',
+                        timeStyle: 'short',
+                      })}
+                    </p>
+                  </div>
+                </Link>
+                {hasPersonalised && (
+                  <span className="tag-label rounded-full bg-splash-orange/10 px-3 py-1 text-splash-orange">Personalised</span>
+                )}
                 <span className="font-mono text-sm">{formatPrice(order.total)}</span>
                 <span className={`tag-label rounded-full px-3 py-1 ${STATUS_STYLES[order.status] ?? ''}`}>
                   {order.status}
                 </span>
-              </Link>
-              <form action={showArchived ? unarchiveOrder : archiveOrder}>
-                <input type="hidden" name="id" value={order.id} />
-                <button type="submit" className="tag-label text-muted hover:text-clay">
-                  {showArchived ? 'Unarchive' : 'Archive'}
-                </button>
-              </form>
-            </div>
-          ))}
+                <form action={showArchived ? unarchiveOrder : archiveOrder}>
+                  <input type="hidden" name="id" value={order.id} />
+                  <button type="submit" className="tag-label text-muted hover:text-clay">
+                    {showArchived ? 'Unarchive' : 'Archive'}
+                  </button>
+                </form>
+              </div>
+            );
+          })}
         </div>
       )}
     </div>