From 6f52c47fd51ca2d4983cdc4c490c106c56965cc2 Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Mon, 21 Jul 2025 17:03:56 +0800
Subject: [PATCH] feat(ui): replace some icons

---
 ui/src/pages/ConsoleLayout.tsx                | 8 ++++----
 ui/src/pages/certificates/CertificateList.tsx | 4 ++--
 ui/src/pages/dashboard/Dashboard.tsx          | 4 ++--
 ui/src/pages/workflows/WorkflowList.tsx       | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/ui/src/pages/ConsoleLayout.tsx b/ui/src/pages/ConsoleLayout.tsx
index 58ca225eb..091c48cda 100644
--- a/ui/src/pages/ConsoleLayout.tsx
+++ b/ui/src/pages/ConsoleLayout.tsx
@@ -3,14 +3,14 @@ import { useTranslation } from "react-i18next";
 import { Navigate, Outlet, useLocation, useNavigate } from "react-router-dom";
 import {
   IconBrandGithub,
+  IconCertificate,
   IconFingerprint,
   IconHelpCircle,
+  IconHierarchy3,
   IconHome,
   IconLogout,
   IconMenu2,
-  IconSchema,
   IconSettings,
-  IconShieldCheckered,
 } from "@tabler/icons-react";
 import { Alert, Button, Drawer, Layout, Menu, type MenuProps, theme } from "antd";
 
@@ -169,8 +169,8 @@ const SiderMenu = memo(({ onSelect }: { onSelect?: (key: string) => void }) => {
   const menuItems: Required<MenuProps>["items"] = (
     [
       [MENU_KEY_HOME, "dashboard.page.title", <IconHome size="1em" />],
-      [MENU_KEY_WORKFLOWS, "workflow.page.title", <IconSchema size="1em" />],
-      [MENU_KEY_CERTIFICATES, "certificate.page.title", <IconShieldCheckered size="1em" />],
+      [MENU_KEY_WORKFLOWS, "workflow.page.title", <IconHierarchy3 size="1em" />],
+      [MENU_KEY_CERTIFICATES, "certificate.page.title", <IconCertificate size="1em" />],
       [MENU_KEY_ACCESSES, "access.page.title", <IconFingerprint size="1em" />],
       [MENU_KEY_SETTINGS, "settings.page.title", <IconSettings size="1em" />],
     ] satisfies Array<[string, string, React.ReactNode]>
diff --git a/ui/src/pages/certificates/CertificateList.tsx b/ui/src/pages/certificates/CertificateList.tsx
index 567770ffc..2146d0dec 100644
--- a/ui/src/pages/certificates/CertificateList.tsx
+++ b/ui/src/pages/certificates/CertificateList.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useSearchParams } from "react-router-dom";
-import { IconBrowserShare, IconExternalLink, IconReload, IconShieldCheckeredFilled, IconTrash } from "@tabler/icons-react";
+import { IconBrowserShare, IconCertificate, IconExternalLink, IconReload, IconTrash } from "@tabler/icons-react";
 import { useRequest } from "ahooks";
 import { App, Button, Input, Segmented, Skeleton, Table, type TableProps, Tooltip, Typography } from "antd";
 import dayjs from "dayjs";
@@ -304,7 +304,7 @@ const CertificateList = () => {
               <Empty
                 title={t("certificate.nodata.title")}
                 description={getErrMsg(loadedError ?? t("certificate.nodata.description"))}
-                icon={<IconShieldCheckeredFilled size={24} />}
+                icon={<IconCertificate size={24} />}
                 extra={
                   loadedError ? (
                     <Button icon={<IconReload size="1.25em" />} type="primary" onClick={handleReloadClick}>
diff --git a/ui/src/pages/dashboard/Dashboard.tsx b/ui/src/pages/dashboard/Dashboard.tsx
index e3e232734..42b8e4841 100644
--- a/ui/src/pages/dashboard/Dashboard.tsx
+++ b/ui/src/pages/dashboard/Dashboard.tsx
@@ -4,9 +4,9 @@ import { useNavigate } from "react-router-dom";
 import {
   IconActivity,
   IconBrowserShare,
+  IconHierarchy3,
   IconPlugConnected,
   IconPlus,
-  IconSchema,
   IconShieldCheckered,
   IconShieldExclamation,
   IconShieldX,
@@ -166,7 +166,7 @@ const StatisticCards = () => {
       </Col>
       <Col {...statisticsGridSpans}>
         <StatisticCard
-          icon={<IconSchema size={48} strokeWidth={1} color={themeToken.colorInfo} />}
+          icon={<IconHierarchy3 size={48} strokeWidth={1} color={themeToken.colorInfo} />}
           label={t("dashboard.statistics.all_workflows")}
           loading={statisticsLoading}
           value={statistics?.workflowTotal ?? "-"}
diff --git a/ui/src/pages/workflows/WorkflowList.tsx b/ui/src/pages/workflows/WorkflowList.tsx
index e4a3d6cc2..bb5c0b654 100644
--- a/ui/src/pages/workflows/WorkflowList.tsx
+++ b/ui/src/pages/workflows/WorkflowList.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useSearchParams } from "react-router-dom";
-import { IconCirclePlus, IconCopy, IconEdit, IconPlus, IconReload, IconSchema, IconTrash } from "@tabler/icons-react";
+import { IconCirclePlus, IconCopy, IconEdit, IconHierarchy3, IconPlus, IconReload, IconTrash } from "@tabler/icons-react";
 import { useRequest } from "ahooks";
 import { App, Button, Flex, Input, Segmented, Skeleton, Switch, Table, type TableProps, Tooltip, Typography } from "antd";
 import dayjs from "dayjs";
@@ -352,7 +352,7 @@ const WorkflowList = () => {
               <Empty
                 title={t("workflow.nodata.title")}
                 description={getErrMsg(loadedError ?? t("workflow.nodata.description"))}
-                icon={<IconSchema size={24} />}
+                icon={<IconHierarchy3 size={24} />}
                 extra={
                   loadedError ? (
                     <Button icon={<IconReload size="1.25em" />} type="primary" onClick={handleReloadClick}>