From 277645db50919d486430701dde56287f8c7718b8 Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Tue, 24 Jun 2025 18:09:16 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20style(ui):=20Inline=20tag=20edit?=
 =?UTF-8?q?=20action=20in=20ChannelsTable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Removed the dropdown menu previously used for tag-level operations.
• Added a standalone “Edit” button directly after the “Disable All” button, reducing the number of clicks required to edit a tag group.
• Deleted the now-unused `IconEdit` import and its icon reference.

This streamlines the tag management flow and keeps the UI cleaner and more accessible.
---
 web/src/components/table/ChannelsTable.js | 50 ++++++-----------------
 1 file changed, 13 insertions(+), 37 deletions(-)

diff --git a/web/src/components/table/ChannelsTable.js b/web/src/components/table/ChannelsTable.js
index f401b506..18443243 100644
--- a/web/src/components/table/ChannelsTable.js
+++ b/web/src/components/table/ChannelsTable.js
@@ -41,7 +41,7 @@ import {
   Form,
   Tabs,
   TabPane,
-  Select,
+  Select
 } from '@douyinfe/semi-ui';
 import {
   IllustrationNoResult,
@@ -51,14 +51,8 @@ import EditChannel from '../../pages/Channel/EditChannel.js';
 import {
   IconTreeTriangleDown,
   IconPlus,
-  IconRefresh,
-  IconSetting,
-  IconDescend,
   IconSearch,
-  IconEdit,
   IconDelete,
-  IconStop,
-  IconPlay,
   IconMore,
   IconCopy,
   IconSmallTriangleRight
@@ -557,7 +551,6 @@ const ChannelsTable = () => {
                   type='warning'
                   size="small"
                   className="!rounded-full"
-                  icon={<IconStop />}
                   onClick={() => manageChannel(record.id, 'disable', record)}
                 >
                   {t('禁用')}
@@ -568,7 +561,6 @@ const ChannelsTable = () => {
                   type='secondary'
                   size="small"
                   className="!rounded-full"
-                  icon={<IconPlay />}
                   onClick={() => manageChannel(record.id, 'enable', record)}
                 >
                   {t('启用')}
@@ -580,7 +572,6 @@ const ChannelsTable = () => {
                 type='tertiary'
                 size="small"
                 className="!rounded-full"
-                icon={<IconEdit />}
                 onClick={() => {
                   setEditingChannel(record);
                   setShowEdit(true);
@@ -605,19 +596,7 @@ const ChannelsTable = () => {
             </Space>
           );
         } else {
-          // 标签操作的下拉菜单项
-          const tagMenuItems = [
-            {
-              node: 'item',
-              name: t('编辑'),
-              icon: <IconEdit />,
-              onClick: () => {
-                setShowEditTag(true);
-                setEditingTag(record.key);
-              },
-            },
-          ];
-
+          // 标签操作按钮
           return (
             <Space wrap>
               <Button
@@ -625,7 +604,6 @@ const ChannelsTable = () => {
                 type='secondary'
                 size="small"
                 className="!rounded-full"
-                icon={<IconPlay />}
                 onClick={() => manageTag(record.key, 'enable')}
               >
                 {t('启用全部')}
@@ -635,24 +613,22 @@ const ChannelsTable = () => {
                 type='warning'
                 size="small"
                 className="!rounded-full"
-                icon={<IconStop />}
                 onClick={() => manageTag(record.key, 'disable')}
               >
                 {t('禁用全部')}
               </Button>
-              <Dropdown
-                trigger='click'
-                position='bottomRight'
-                menu={tagMenuItems}
+              <Button
+                theme='light'
+                type='tertiary'
+                size="small"
+                className="!rounded-full"
+                onClick={() => {
+                  setShowEditTag(true);
+                  setEditingTag(record.key);
+                }}
               >
-                <Button
-                  icon={<IconMore />}
-                  theme='light'
-                  type='tertiary'
-                  size="small"
-                  className="!rounded-full"
-                />
-              </Dropdown>
+                {t('编辑')}
+              </Button>
             </Space>
           );
         }