@tokenoftrust/storefront-runner 1.4.0 → 1.4.2-rc.0

package/apps/storefront/src/components/admin/AdminCustomersTab.astro

@@ -7,6 +7,7 @@
  * component code).
  */
 import { getCustomersViewModel } from "@/lib/admin/services/mock";
+import { formatDate } from "@/lib/format";
 import type { CustomerRow, VerificationState } from "@/lib/admin/viewmodels/customers";
 import type { AdminTenantEnvelope } from "@/lib/admin/envelope";
 
@@ -46,11 +47,6 @@ function viewKeysFor(row: CustomerRow): string[] {
   return keys;
 }
 
-function formatDate(iso: string | null): string {
-  if (!iso) return "—";
-  return new Date(iso).toLocaleDateString([], { month: "short", day: "numeric", year: "numeric" });
-}
-
 const totalValue = vm.directory.reduce((sum, c) => sum + c.lifetimeValue, 0);
 const vipCount = vm.directory.filter((c) => c.segment === "vip").length;
 
@@ -179,7 +175,7 @@ const SAVED_VIEWS: { key: string; label: string }[] = [
                   <strong>${row.lifetimeValue.toFixed(2)}</strong>
                   <span class="subtle">{row.orderCount} order{row.orderCount === 1 ? "" : "s"}</span>
                 </td>
-                <td><strong>{formatDate(row.lastOrderAt)}</strong></td>
+                <td><strong>{formatDate(row.lastOrderAt ?? undefined) || "—"}</strong></td>
                 <td><span class:list={["chip", SEGMENT_TONE[row.segment]]}>{row.segment[0]!.toUpperCase() + row.segment.slice(1)}</span></td>
                 <td>{row.supportFlags.length > 0 ? <span class="chip blue">{row.supportFlags[0]}</span> : <span class="subtle">Clear</span>}</td>
                 <td><span class:list={["chip", VERIFICATION_TONE[row.verificationState]]}>{VERIFICATION_LABEL[row.verificationState]}</span></td>
@@ -212,7 +208,7 @@ const SAVED_VIEWS: { key: string; label: string }[] = [
                   <span class="customer-avatar large" aria-hidden="true">{row.name.split(" ").map((p) => p[0]).join("").slice(0, 2).toUpperCase()}</span>
                   <span>
                     <strong>{row.email}</strong>
-                    <span class="subtle">{row.orderCount} order{row.orderCount === 1 ? "" : "s"} - last purchase {formatDate(row.lastOrderAt)}</span>
+                    <span class="subtle">{row.orderCount} order{row.orderCount === 1 ? "" : "s"} - last purchase {formatDate(row.lastOrderAt ?? undefined) || "—"}</span>
                   </span>
                 </div>
               </div>