From cc31ef88efeb15c11b259e14a615512106b018ad Mon Sep 17 00:00:00 2001
From: suyiiyii <suyiiyii@gmail.com>
Date: Sun, 22 Sep 2024 19:48:40 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20=E5=90=AC=E5=8A=9D=EF=BC=8C?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86=E6=A0=B7=E5=BC=8F=20XD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../features/cookieManager/CookieManager.css  | 13 +++++++++++
 .../features/cookieManager/CookieManager.tsx  | 18 +++++++--------
 admin-frontend/src/pages/Home.tsx             | 22 +++++++++++--------
 3 files changed, 35 insertions(+), 18 deletions(-)
 create mode 100644 admin-frontend/src/features/cookieManager/CookieManager.css

diff --git a/admin-frontend/src/features/cookieManager/CookieManager.css b/admin-frontend/src/features/cookieManager/CookieManager.css
new file mode 100644
index 0000000..584e7fa
--- /dev/null
+++ b/admin-frontend/src/features/cookieManager/CookieManager.css
@@ -0,0 +1,13 @@
+.list-actions-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  transition: all 0.1s;
+}
+
+.list-actions-icon:hover {
+  background-color: var(--color-fill-3);
+}
diff --git a/admin-frontend/src/features/cookieManager/CookieManager.tsx b/admin-frontend/src/features/cookieManager/CookieManager.tsx
index 83014b9..9866cc9 100644
--- a/admin-frontend/src/features/cookieManager/CookieManager.tsx
+++ b/admin-frontend/src/features/cookieManager/CookieManager.tsx
@@ -4,11 +4,13 @@ import {
   Card, Descriptions, Grid, List, Popconfirm, Popover, Typography,
 } from '@arco-design/web-react';
 import { Link } from 'react-router-dom';
+import { IconDelete, IconEdit } from '@arco-design/web-react/icon';
 import { selectSiteConf } from '../globalConf/globalConfSlice';
 import { useAppSelector } from '../../app/hooks';
 import { Cookie, SiteConfig } from '../../utils/type';
 import { useGetCookiesQuery, useDeleteCookieMutation } from './cookieConfigSlice';
 import CookieModal from './CookieModal';
+import './CookieManager.css';
 
 interface CookieSite {
   site: SiteConfig;
@@ -82,22 +84,20 @@ export default function CookieManager() {
 
                       </Popover>
 
-                      <div>
+                      <div style={{ display: 'flex' }}>
 
                         <Link to={`/home/cookie/${cookie.id}`}>
-                          <Button
-                            type="primary"
-                            style={{ marginRight: '10px' }}
-                          >
-                            关联详情
-                          </Button>
+                          <span className="list-actions-icon">
+                            <IconEdit />
+                          </span>
                         </Link>
                         <Popconfirm
                           title={`确定删除 Cookie ${cookie.friendly_name} ？`}
                           onOk={handleDelCookie(cookie.id.toString())}
                         >
-
-                          <Button type="primary" status="danger">删除</Button>
+                          <span className="list-actions-icon">
+                            <IconDelete />
+                          </span>
                         </Popconfirm>
                       </div>
 
diff --git a/admin-frontend/src/pages/Home.tsx b/admin-frontend/src/pages/Home.tsx
index 5424ae4..88f07c0 100644
--- a/admin-frontend/src/pages/Home.tsx
+++ b/admin-frontend/src/pages/Home.tsx
@@ -1,8 +1,9 @@
 import React, { ReactNode, useEffect, useState } from 'react';
 import { Breadcrumb, Layout, Menu } from '@arco-design/web-react';
-import { IconRobot, IconDashboard, IconUser } from '@arco-design/web-react/icon';
+import {
+  IconRobot, IconDashboard, IconIdcard,
+} from '@arco-design/web-react/icon';
 import './Home.css';
-// import SubscribeManager from '../features/subsribeConfigManager/SubscribeManager';
 import {
   Link, Navigate, Outlet, useLocation, useNavigate,
 } from 'react-router-dom';
@@ -95,7 +96,7 @@ export default function Home() {
       <Breadcrumb style={{ margin: '16px 0' }}>
         <Breadcrumb.Item>
           <Link to="/home/cookie">
-            <IconUser />
+            <IconIdcard />
             Cookie 管理
           </Link>
         </Breadcrumb.Item>
@@ -116,25 +117,28 @@ export default function Home() {
         >
           <Menu
             defaultSelectedKeys={[selectedTab]}
-            onClickMenuItem={(key) => { handleTabSelect(key); }}
+            onClickMenuItem={(key) => {
+              handleTabSelect(key);
+            }}
           >
             <Menu.Item key="groups">
               <IconRobot />
               订阅管理
             </Menu.Item>
+            <Menu.Item key="cookie">
+              <IconIdcard />
+              Cookie 管理
+            </Menu.Item>
             <Menu.Item key="weight">
               <IconDashboard />
               调度权重
             </Menu.Item>
-            <Menu.Item key="cookie">
-              <IconUser />
-              Cookie 管理
-            </Menu.Item>
+
           </Menu>
         </Layout.Sider>
         <Layout.Content style={{ padding: '0 1em' }}>
           <Layout style={{ height: '100%' }}>
-            { breadcrumbContent }
+            {breadcrumbContent}
             <Layout.Content style={{ margin: '0.5em', padding: '2em' }}>
               <Outlet />
             </Layout.Content>