feat: add Cluster Metrics Ops to Quick Access in Overview (#17)

Co-authored-by: yaojiping <[email protected]>
infinilabs · Dec 9, 2024 · 667cf05 · 667cf05
1 parent 8aa77ca
commit 667cf05
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 8 deletions.
diff --git a/web/src/locales/en-US/overview.js b/web/src/locales/en-US/overview.js
@@ -22,4 +22,5 @@ export default {
   "overview.quick.cluster_regist": "Register A Cluster",
   "overview.quick.security": "Configure Security",
   "overview.quick.discover": "Discover Your Data",
+  "overview.quick.monitor": "Cluster Metrics Ops",
 };
diff --git a/web/src/locales/zh-CN/overview.js b/web/src/locales/zh-CN/overview.js
@@ -21,5 +21,6 @@ export default {
   "overview.quick.cluster_regist": "集群注册",
   "overview.quick.security": "安全管理",
   "overview.quick.discover": "数据探索",
+  "overview.quick.monitor": "监控指标",
 
 };
diff --git a/web/src/pages/Overview/components/Quick/icons/MonitorIcon.jsx b/web/src/pages/Overview/components/Quick/icons/MonitorIcon.jsx
@@ -0,0 +1,17 @@
+export default () => {
+    return (
+        <svg width="1em" height="1em" viewBox="0 0 256 256" version="1.1" >
+            <title>monitor</title>
+            <g id="monitor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <circle id="椭圆形" fill="#EAF0FF" cx="74.5" cy="73.5" r="62.5"></circle>
+                <path d="M228,60 L228,228 L34,228 L34,87.9908743 L46,87.9908743 L46,192 L216,192 L216,72 L165.110303,72 L165.110303,60 L228,60 Z M206.671087,203 L191,203 C187.686292,203 185,205.686292 185,209 C185,212.313708 187.686292,215 191,215 L206.671087,215 C209.984795,215 212.671087,212.313708 212.671087,209 C212.671087,205.686292 209.984795,203 206.671087,203 Z M166.671087,203 L151,203 C147.686292,203 145,205.686292 145,209 C145,212.313708 147.686292,215 151,215 L166.671087,215 C169.984795,215 172.671087,212.313708 172.671087,209 C172.671087,205.686292 169.984795,203 166.671087,203 Z" id="形状结合" fill="#0080F0" fill-rule="nonzero"></path>
+                <polygon id="路径-33" fill="#0080F0" fill-rule="nonzero" points="70.9535268 23.4091121 75.4452674 35.9994523 90.0039517 76.8075561 102.530697 44.4745329 107.098898 32.6827563 113.343058 43.6793429 122.745952 60.2385561 149.274227 60.2395455 149.274227 72.2395455 115.760693 72.2395455 114.036007 69.2022029 109.151952 60.6005561 95.3675677 96.1830234 89.5411448 111.222616 84.1216062 96.0316598 68.6339517 52.6215561 59.5971289 69.1219103 57.8894851 72.2395455 18.0709517 72.2395455 18.0709517 60.2395455 50.7799517 60.2385561 64.5318162 35.1331913"></polygon>
+                <polygon id="路径-28" fill="#0080F0" fill-rule="nonzero" points="95.5 131.25 95.5 178 107.5 178 107.5 131.25"></polygon>
+                <polygon id="路径-28备份" fill="#0080F0" fill-rule="nonzero" points="66.5 152.5 66.5 178 78.5 178 78.5 152.5"></polygon>
+                <polygon id="路径-28备份-2" fill="#4A02BC" fill-rule="nonzero" points="153 98 153 178 165 178 165 98"></polygon>
+                <polygon id="路径-28备份-3" fill="#0080F0" fill-rule="nonzero" points="124.5 144 124.5 178 136.5 178 136.5 144"></polygon>
+                <polygon id="路径-28备份-4" fill="#0080F0" fill-rule="nonzero" points="183 121.05 183 178 195 178 195 121.05"></polygon>
+            </g>
+        </svg>
+    )
+}
diff --git a/web/src/pages/Overview/components/Quick/index.jsx b/web/src/pages/Overview/components/Quick/index.jsx
@@ -6,6 +6,7 @@ import DevToolIcon from "./icons/DevToolIcon";
 import ClusterIcon from "./icons/ClusterIcon";
 import SecurityIcon from "./icons/SecurityIcon";
 import DiscoverIcon from "./icons/DiscoverIcon";
+import MonitorIcon from "./icons/MonitorIcon";
 import { formatMessage } from "umi/locale";
 
 const ROUTES = [
@@ -14,26 +15,31 @@ const ROUTES = [
     name: "cluster_regist",
     icon: ClusterIcon,
   },
-  {
-    path: "/insight/discover",
-    name: "discover",
-    icon: DiscoverIcon,
-  },
   {
     path: "/alerting/message",
     name: "alert",
     icon: MessageIcon,
   },
   {
-    path: "/devtool/console",
-    name: "dev_tools",
-    icon: DevToolIcon,
+    path: "/insight/discover",
+    name: "discover",
+    icon: DiscoverIcon,
+  },
+  {
+    path: "/cluster/monitor",
+    name: "monitor",
+    icon: MonitorIcon,
   },
   {
     path: "/system/security",
     name: "security",
     icon: SecurityIcon,
   },
+  {
+    path: "/devtool/console",
+    name: "dev_tools",
+    icon: DevToolIcon,
+  },
 ];
 
 export default () => {