From ef5832777dc0601e844ce474192536f964405233 Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Sun, 8 Jun 2025 23:16:34 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20feat(ui):=20replace=20list=20ico?=
 =?UTF-8?q?n=20with=20tags=20icon=20for=20channel=20tag=20aggregation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace IconList with Tags icon from lucide-react for better semantic representation
- Update renderTagType function to use Tags icon instead of list icon
- Remove unused IconList import from semi-icons
- Improve visual clarity for tag aggregation feature in channels table

The Tags icon better represents the concept of multiple tags being aggregated
together, providing more intuitive user experience in the channels management
interface.
---
 web/src/components/table/ChannelsTable.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/table/ChannelsTable.js b/web/src/components/table/ChannelsTable.js
index 0f4b428b..b058c9a1 100644
--- a/web/src/components/table/ChannelsTable.js
+++ b/web/src/components/table/ChannelsTable.js
@@ -21,7 +21,8 @@ import {
   Timer,
   Clock,
   AlertTriangle,
-  Coins
+  Coins,
+  Tags
 } from 'lucide-react';
 
 import { CHANNEL_OPTIONS, ITEMS_PER_PAGE } from '../../constants/index.js';
@@ -44,7 +45,6 @@ import {
 } from '@douyinfe/semi-ui';
 import EditChannel from '../../pages/Channel/EditChannel.js';
 import {
-  IconList,
   IconTreeTriangleDown,
   IconFilter,
   IconPlus,
@@ -92,7 +92,7 @@ const ChannelsTable = () => {
     return (
       <Tag
         color='light-blue'
-        prefixIcon={<IconList />}
+        prefixIcon={<Tags size={14} />}
         size='large'
         shape='circle'
         type='light'