feat: change icons

visualDust · Nov 29, 2023 · b4c9eaa · b4c9eaa
1 parent cfb28d1
commit b4c9eaa
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 6 deletions.
diff --git a/neetbox/frontend/package.json b/neetbox/frontend/package.json
@@ -26,6 +26,7 @@
     "vite-plugin-semi-theme": "^0.5.0"
   },
   "devDependencies": {
+    "@douyinfe/semi-icons": "^2.47.1",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@typescript-eslint/eslint-plugin": "^6.10.0",

diff --git a/neetbox/frontend/src/components/dashboard/project/actions.tsx b/neetbox/frontend/src/components/dashboard/project/actions.tsx
@@ -1,5 +1,6 @@
 import { Button, Checkbox, Col, Input, Popover, Row, Space, Typography } from "@douyinfe/semi-ui";
 import { memo, useContext, useState } from "react";
+import { IconChevronDown, IconPlay } from "@douyinfe/semi-icons";
 import { ProjectStatus, getProject } from "../../../services/projects";
 import { ProjectContext } from "../../../pages/console/proejctDashboard";
 import { useMemoJSON } from "../../../hooks/useMemoJSON";
@@ -105,15 +106,22 @@ export const ActionItem = memo(({ name, actionOptions: options, blocking, setBlo
           </Col>
         </Row>
       ))}
-      <Button style={{ width: "100px" }} onClick={handleRun} type="warning" theme="solid" disabled={blocking}>
+      <Button
+        style={{ width: "100px" }}
+        onClick={handleRun}
+        type="warning"
+        theme="solid"
+        disabled={blocking}
+        icon={<IconPlay />}
+      >
         Run
       </Button>
       {result && <div style={{ margin: 0, whiteSpace: "pre-wrap" }}>{result}</div>}
     </Space>
   );
   return (
-    <Popover trigger="click" content={renderContent}>
-      <Button disabled={blocking && !running} loading={running}>
+    <Popover trigger="click" content={renderContent} showArrow autoAdjustOverflow>
+      <Button disabled={blocking && !running} icon={<IconChevronDown />} loading={running}>
         {name}
       </Button>
     </Popover>

diff --git a/neetbox/frontend/src/pages/console/sidebar.tsx b/neetbox/frontend/src/pages/console/sidebar.tsx
@@ -1,6 +1,6 @@
 import { Nav } from "@douyinfe/semi-ui";
 import React from "react";
-import { IconStar, IconSetting } from "@douyinfe/semi-icons";
+import { IconHome, IconListView } from "@douyinfe/semi-icons";
 import { Link, useLocation } from "react-router-dom";
 import { useAPI } from "../../services/api";
 import Loading from "../../components/loading";
@@ -21,10 +21,10 @@ export default function ConsoleNavBar() {
       }}
       style={{ height: "100%", overflowY: "auto" }}
       items={[
-        { itemKey: "/console/overview", text: "Overview", icon: <IconStar /> },
+        { itemKey: "/console/overview", text: "Overview", icon: <IconHome /> },
         {
           text: "Projects",
-          icon: <IconSetting />,
+          icon: <IconListView />,
           itemKey: "projects",
           items: data?.names.map((name: string) => ({
             text: name,

diff --git a/neetbox/frontend/yarn.lock b/neetbox/frontend/yarn.lock
@@ -293,6 +293,13 @@
   dependencies:
     classnames "^2.2.6"
 
+"@douyinfe/semi-icons@^2.47.1":
+  version "2.47.1"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.47.1.tgz#100883e71a7eab9ca2abb91110f48a348b9ad895"
+  integrity sha512-+gC22MWuOCKSRwB5Yxq55+NUgoO9b7stYvIkuCmPuD3kYgjFhhGRR+o9dscQmDa8Wjd98wY05zI01S4BV/ptLw==
+  dependencies:
+    classnames "^2.2.6"
+
 "@douyinfe/[email protected]":
   version "2.47.0"
   resolved "https://mirrors.huaweicloud.com/repository/npm/@douyinfe/semi-illustrations/-/semi-illustrations-2.47.0.tgz#8d63af6f943eaf830a1df77fc7c5fa84a5a5d434"