From 503bd4818869803393dfb8fdc80c3a45d3abc303 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 20:10:12 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/invoices.$invoiceId.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/invoices.$invoiceId.tsx b/src/routes/invoices.$invoiceId.tsx
index 2048dcc..9007577 100644
--- a/src/routes/invoices.$invoiceId.tsx
+++ b/src/routes/invoices.$invoiceId.tsx
@@ -445,7 +445,11 @@ function InvoiceDetail() {
                               ) : (
                                 <div className="min-w-0">
                                   <div className={`whitespace-pre-wrap break-words ${!sub.billable ? "italic" : ""}`}>{it.description}</div>
-                                  {it.user?.full_name && <div className="text-[11px] text-muted-foreground italic">{it.user.full_name}</div>}
+                                  {(() => {
+                                    const nm: string = it.user?.full_name || it.user?.email || "";
+                                    const init = nm.trim().split(/\s+/).map((p: string) => p[0]).filter(Boolean).slice(0, 3).join("").toUpperCase();
+                                    return init ? <div className="text-[11px] text-muted-foreground italic">{init}</div> : null;
+                                  })()}
                                 </div>
                               )}
                             </td>