From 5ea64893e806117c047fcddfab2467c32eff3963 Mon Sep 17 00:00:00 2001
From: "web@ppanel" <web@ppanel.dev>
Date: Thu, 24 Apr 2025 05:08:03 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(logs):=20Update=20log=20disp?=
 =?UTF-8?q?lay=20to=20render=20key-value=20pairs=20and=20remove=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/admin/app/dashboard/tool/page.tsx | 29 ++++++++++++++------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/apps/admin/app/dashboard/tool/page.tsx b/apps/admin/app/dashboard/tool/page.tsx
index ab1ff48..69cda89 100644
--- a/apps/admin/app/dashboard/tool/page.tsx
+++ b/apps/admin/app/dashboard/tool/page.tsx
@@ -18,7 +18,6 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from '@workspace/ui/components/alert-dialog';
-import { Badge } from '@workspace/ui/components/badge';
 import { Button } from '@workspace/ui/components/button';
 import {
   Card,
@@ -145,20 +144,24 @@ export default function Page() {
                       <AccordionItem key={index} value={`item-${index}`} className='px-4'>
                         <AccordionTrigger className='hover:no-underline'>
                           <div className='flex w-full flex-col items-start space-y-2 sm:flex-row sm:items-center sm:space-x-4 sm:space-y-0'>
-                            <Badge
-                              variant='outline'
-                              className={`${getLogLevelColor(log.level)} mb-2 sm:mb-0`}
-                            >
-                              {log.level}
-                            </Badge>
-                            <span className='text-xs font-medium sm:text-sm'>{log.time}</span>
-                            <span className='text-muted-foreground flex-1 truncate text-xs sm:text-sm'>
-                              {log.message}
-                            </span>
+                            <span className='text-xs font-medium sm:text-sm'>{log.timestamp}</span>
                           </div>
                         </AccordionTrigger>
                         <AccordionContent className='px-2'>
-                          <div className='grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm'>
+                          {
+                            // 直接渲染 key: value
+
+                            Object.entries(log).map(([key, value]) => (
+                              <div
+                                key={key}
+                                className='grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm'
+                              >
+                                <span className='font-medium'>{key}:</span>
+                                <span className='break-all'>{value as string}</span>
+                              </div>
+                            ))
+                          }
+                          {/* <div className='grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm'>
                             <div className='font-medium'>{t('ip')}:</div>
                             <div>{log.ip}</div>
                             <div className='font-medium'>{t('request')}:</div>
@@ -173,7 +176,7 @@ export default function Page() {
                             <div className='break-all'>{log.query || t('none')}</div>
                             <div className='font-medium'>{t('userAgent')}:</div>
                             <div className='break-all'>{log['user-agent']}</div>
-                          </div>
+                          </div> */}
                         </AccordionContent>
                       </AccordionItem>
                     ))}