feat(ui): replace some icons

This commit is contained in:
Fu Diwei
2025-07-21 17:03:56 +08:00
parent f0543e4681
commit 6f52c47fd5
4 changed files with 10 additions and 10 deletions
+4 -4
View File
@@ -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]>
@@ -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}>
+2 -2
View File
@@ -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 ?? "-"}
+2 -2
View File
@@ -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}>