From a5c48c27724079479096498f25cdc08dbaae4fe5 Mon Sep 17 00:00:00 2001
From: CalciumIon <1808837298@qq.com>
Date: Sat, 21 Dec 2024 20:28:26 +0800
Subject: [PATCH] feat: Enhance LogsTable to render group information

- Added `renderGroup` function to improve the display of log data by rendering the 'group' information in the LogsTable component.
- Updated the rendering logic to utilize the new function, enhancing the UI's clarity and usability for grouped logs.
---
 web/src/components/LogsTable.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js
index e391253d..7bf94968 100644
--- a/web/src/components/LogsTable.js
+++ b/web/src/components/LogsTable.js
@@ -25,7 +25,7 @@ import {
 } from '@douyinfe/semi-ui';
 import { ITEMS_PER_PAGE } from '../constants';
 import {
-  renderAudioModelPrice,
+  renderAudioModelPrice, renderGroup,
   renderModelPrice, renderModelPriceSimple,
   renderNumber,
   renderQuota,
@@ -228,10 +228,9 @@ const LogsTable = () => {
           }
           if (other.group !== undefined) {
             return (
-              <Tag color='blue' size='large'>
-                {' '}
-                {other.group}{' '}
-              </Tag>
+              <>
+                {renderGroup(other.group)}
+              </>
             );
           } else {
             return <></>;