From a763a3e82d1147934895e2594079424c3f97d2d6 Mon Sep 17 00:00:00 2001
From: NotARoomba <kg5inb1@hotmail.com>
Date: Tue, 3 Mar 2026 18:00:35 -0500
Subject: [PATCH] copy

---
 backend/src/routes/admin.ts                   |  1 +
 frontend/src/routes/admin/orders/+page.svelte | 40 +++++++++++++------
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/backend/src/routes/admin.ts b/backend/src/routes/admin.ts
index 916c142..a2517aa 100644
--- a/backend/src/routes/admin.ts
+++ b/backend/src/routes/admin.ts
@@ -2323,6 +2323,7 @@ admin.get("/orders", async ({ headers, query, status }) => {
 
     return rows.map(({ userEmail, ...row }) => ({
       ...row,
+      email: userEmail,
       hackatimeBanned: banMap.get(userEmail ?? "") ?? false,
     }));
   } catch (err) {
diff --git a/frontend/src/routes/admin/orders/+page.svelte b/frontend/src/routes/admin/orders/+page.svelte
index b15aff9..7ff13ec 100644
--- a/frontend/src/routes/admin/orders/+page.svelte
+++ b/frontend/src/routes/admin/orders/+page.svelte
@@ -44,6 +44,7 @@
 		isFulfilled: boolean;
 		shippingAddress: string | null;
 		phone: string | null;
+		email: string | null;
 		createdAt: string;
 		itemId: number;
 		itemName: string;
@@ -67,6 +68,11 @@
 		return `${addr.firstName} ${addr.lastName}`.trim();
 	}
 
+	async function copyField(value: string) {
+		await navigator.clipboard.writeText(value);
+		showToast('Copied!', 'success');
+	}
+
 	interface User {
 		id: number;
 		role: string;
@@ -682,24 +688,28 @@
 																class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 blur-sm transition-all duration-300 select-none group-hover/addr:blur-none group-hover/addr:select-auto"
 															>
 																<span class="font-bold text-gray-500">name</span>
-																<span>{formatName(addr)}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(formatName(addr))}>{formatName(addr)}</span>
 																<span class="font-bold text-gray-500">address 1</span>
-																<span>{addr.address1}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.address1)}>{addr.address1}</span>
 																{#if addr.address2}
 																	<span class="font-bold text-gray-500">address 2</span>
-																	<span>{addr.address2}</span>
+																	<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.address2!)}>{addr.address2}</span>
 																{/if}
 																<span class="font-bold text-gray-500">city</span>
-																<span>{addr.city}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.city)}>{addr.city}</span>
 																<span class="font-bold text-gray-500">state</span>
-																<span>{addr.state}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.state)}>{addr.state}</span>
 																<span class="font-bold text-gray-500">zip</span>
-																<span>{addr.postalCode}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.postalCode)}>{addr.postalCode}</span>
 																<span class="font-bold text-gray-500">country</span>
-																<span>{addr.country}</span>
+																<span class="cursor-pointer hover:underline" onclick={() => copyField(addr.country)}>{addr.country}</span>
 																{#if order.phone || addr.phone}
 																	<span class="font-bold text-gray-500">phone</span>
-																	<span>{order.phone || addr.phone}</span>
+																	<span class="cursor-pointer hover:underline" onclick={() => copyField((order.phone || addr.phone)!)}>{order.phone || addr.phone}</span>
+																{/if}
+																{#if order.email}
+																	<span class="font-bold text-gray-500">email</span>
+																	<span class="cursor-pointer hover:underline" onclick={() => copyField(order.email!)}>{order.email}</span>
 																{/if}
 															</div>
 														</div>
@@ -708,11 +718,17 @@
 															<p class="font-bold text-yellow-700">no shipping address provided</p>
 														</div>
 													{/if}
-													{#if order.phone && !parseShippingAddress(order.shippingAddress)}
+													{#if (order.phone || order.email) && !parseShippingAddress(order.shippingAddress)}
 														<div class="mt-2 rounded-xl border-2 border-gray-300 bg-white p-4">
-															<div class="grid grid-cols-[auto_1fr] gap-x-4">
-																<span class="font-bold text-gray-500">phone</span>
-																<span>{order.phone}</span>
+															<div class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-1">
+																{#if order.phone}
+																	<span class="font-bold text-gray-500">phone</span>
+																	<span class="cursor-pointer hover:underline" onclick={() => copyField(order.phone!)}>{order.phone}</span>
+																{/if}
+																{#if order.email}
+																	<span class="font-bold text-gray-500">email</span>
+																	<span class="cursor-pointer hover:underline" onclick={() => copyField(order.email!)}>{order.email}</span>
+																{/if}
 															</div>
 														</div>
 													{/if}