From df374d00c32a63cecb3f77463267fa618d7fa94e Mon Sep 17 00:00:00 2001
From: "tao.chen" <93983997+taochen-ct@users.noreply.github.com>
Date: Wed, 26 Aug 2026 11:10:29 +0800
Subject: [PATCH] update: unify

---
 frontend/app/features/admin/ProjectManagementPage.tsx | 6 +++---
 frontend/app/features/admin/RoleManagementPage.tsx    | 7 +++++--
 frontend/app/features/admin/UserManagementPage.tsx    | 7 +++----
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/app/features/admin/ProjectManagementPage.tsx b/frontend/app/features/admin/ProjectManagementPage.tsx
index 6455877..294d22e 100644
--- a/frontend/app/features/admin/ProjectManagementPage.tsx
+++ b/frontend/app/features/admin/ProjectManagementPage.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from "react";
 
+import { Plus, Search } from "lucide-react";
 import { ApiRequestError, type Employee, type Workspace, type WorkspaceMember } from "../../services/api";
 import { useApi, useAuth } from "../../context/AuthContext";
-import Icon from "../../components/common/Icon";
 import { Button } from "~/components/ui/button";
 import {
   Table,
@@ -244,7 +244,7 @@ export function ProjectManagementPage({
     <section className="admin-page">
       <div className="admin-toolbar">
         <div className="admin-toolbar__search">
-          <Icon name="search" size={14} />
+          <Search size={14} />
           <input
             type="text"
             placeholder="请输入项目名称"
@@ -261,7 +261,7 @@ export function ProjectManagementPage({
           onClick={openCreateProject}
           className={PRIMARY_BUTTON_CLASS}
         >
-          <Icon name="plus" size={15} />
+          <Plus size={15} />
           新建项目
         </Button>
       </div>
diff --git a/frontend/app/features/admin/RoleManagementPage.tsx b/frontend/app/features/admin/RoleManagementPage.tsx
index db06f6c..46f0c14 100644
--- a/frontend/app/features/admin/RoleManagementPage.tsx
+++ b/frontend/app/features/admin/RoleManagementPage.tsx
@@ -24,6 +24,9 @@ import { AdminColgroup, ROLE_COL_WIDTHS } from "./AdminTable";
 
 import "../../styles/admin.css";
 
+const PRIMARY_BUTTON_CLASS =
+  "h-[37px] gap-[7px] rounded-md border border-[#126ac3] bg-gradient-to-br from-[#1881e7] to-[#1268c9] px-[15px] text-xs font-[650] text-white shadow-[0_6px_15px_rgb(20_111_202/18%)] enabled:hover:from-[#1175d8] enabled:hover:to-[#0e5bad]";
+
 export function RoleManagementPage({
   onNotify,
   onConnectionChange,
@@ -177,7 +180,7 @@ export function RoleManagementPage({
     <section className="admin-page">
       <div className="admin-toolbar">
         <div className="admin-toolbar__search">
-          <Search size={14} className="text-[#8a99a8]" />
+          <Search size={14} />
           <input
             type="text"
             placeholder="搜索角色编码 / 名称"
@@ -192,7 +195,7 @@ export function RoleManagementPage({
           type="button"
           disabled={!canManage}
           onClick={openCreate}
-          className="h-9 gap-1.5 rounded-[6px] bg-gradient-to-br from-[#2e86de] to-[#1978d4] px-3.5 text-[12px] font-semibold text-white shadow-[0_4px_12px_rgb(28_119_222/18%)] enabled:hover:from-[#1f7ed8] enabled:hover:to-[#1669c0]"
+          className={PRIMARY_BUTTON_CLASS}
         >
           <Plus size={15} />
           新建角色
diff --git a/frontend/app/features/admin/UserManagementPage.tsx b/frontend/app/features/admin/UserManagementPage.tsx
index e24bc65..6ff7f1c 100644
--- a/frontend/app/features/admin/UserManagementPage.tsx
+++ b/frontend/app/features/admin/UserManagementPage.tsx
@@ -1,9 +1,8 @@
 import { useEffect, useState } from "react";
 
-import { X } from "lucide-react";
+import { Plus, Search, X } from "lucide-react";
 import { ApiRequestError, type Employee, type Role } from "../../services/api";
 import { useApi, useAuth } from "../../context/AuthContext";
-import Icon from "../../components/common/Icon";
 import { Button } from "~/components/ui/button";
 import { Input } from "~/components/ui/input";
 import {
@@ -198,7 +197,7 @@ export function UserManagementPage({
     <section className="admin-page">
       <div className="admin-toolbar">
         <div className="admin-toolbar__search">
-          <Icon name="search" size={14} />
+          <Search size={14} />
           <input
             type="text"
             placeholder="请输入用户名"
@@ -215,7 +214,7 @@ export function UserManagementPage({
           onClick={openCreate}
           className={PRIMARY_BUTTON_CLASS}
         >
-          <Icon name="plus" size={15} />
+          <Plus size={15} />
           新建用户
         </Button>
       </div>