From e73cef52254e79566daeb8d6a302d340564c642f Mon Sep 17 00:00:00 2001
From: Zen0space <tartnenas_kai@outlook.com>
Date: Tue, 7 Apr 2026 17:06:17 +0800
Subject: [PATCH] feat(admin): show username instead of userId in logs table

---
 .../kal-admin/src/app/dashboard/logs/page.tsx | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/packages/kal-admin/src/app/dashboard/logs/page.tsx b/packages/kal-admin/src/app/dashboard/logs/page.tsx
index 8b5d3b0..fd6e224 100644
--- a/packages/kal-admin/src/app/dashboard/logs/page.tsx
+++ b/packages/kal-admin/src/app/dashboard/logs/page.tsx
@@ -130,6 +130,7 @@ function LogsTable({
   onPageChange: _onPageChange,
   currentPage: _currentPage,
   pageSize: _pageSize,
+  userMap = {},
 }: {
   logs: Array<{
     _id?: string;
@@ -146,6 +147,7 @@ function LogsTable({
   onPageChange: (page: number) => void;
   currentPage: number;
   pageSize: number;
+  userMap?: Record<string, string>;
 }) {
   if (loading) {
     return (
@@ -212,8 +214,13 @@ function LogsTable({
                 </span>
               </td>
               <td className="py-2.5">
-                <span className="text-text-muted font-mono text-xs">
-                  {log.userId ? log.userId.slice(-8) : "—"}
+                <span
+                  className="text-text-muted font-mono text-xs"
+                  title={log.userId || undefined}
+                >
+                  {log.userId
+                    ? userMap[log.userId] || log.userId.slice(-8)
+                    : "—"}
                 </span>
               </td>
               <td className="py-2.5">
@@ -357,6 +364,18 @@ export default function LogsPage() {
     return undefined; // all
   };
 
+  const { data: usersData } = trpc.user.list.useQuery();
+
+  const userMap = useMemo(() => {
+    const map: Record<string, string> = {};
+    if (usersData) {
+      for (const u of usersData) {
+        map[u._id] = u.name || u.email || "Unknown";
+      }
+    }
+    return map;
+  }, [usersData]);
+
   const { data: logsData, isLoading: logsLoading } =
     trpc.adminLogs.list.useQuery({
       endpoint: endpointFilter || getEndpointFilter(),
@@ -512,6 +531,7 @@ export default function LogsPage() {
           onPageChange={setPage}
           currentPage={page}
           pageSize={limit}
+          userMap={userMap}
         />
       </div>