docs(菜单): 菜单文案调整

身份 -> 账号，个人中心迁移至菜单栏底部

config-mf.js

@@ -67,7 +67,7 @@ module.exports = function (config, env) {
           // 'lodash',
           // 'minio',
           "moment",
-          // 'react-chartjs-2',
+          "react-chartjs-2",
           // 'react-copy-to-clipboard',
           // 'react-dropzone',
           // 'react-grid-layout',
@@ -84,7 +84,7 @@ module.exports = function (config, env) {
           "react-router-dom",
           // 'use-debounce',
           // 'websocket',
-          // 'chart.js',
+          "chart.js",
         ]),
         ...createShared(["react", "react-dom"]),
       },

src/screens/Console/Menu/ConsoleMenuList.tsx

@@ -18,6 +18,7 @@ import React, { useEffect, useState } from "react";
 import { Box } from "@mui/material";
 import ListItem from "@mui/material/ListItem";
 import ListItemIcon from "@mui/material/ListItemIcon";
+import PersonIcon from "@mui/icons-material/Person";
 import LogoutIcon from "../../../icons/LogoutIcon";
 import ListItemText from "@mui/material/ListItemText";
 import List from "@mui/material/List";
@@ -29,6 +30,7 @@ import {
 } from "./MenuStyleUtils";
 import MenuItem from "./MenuItem";
 import { useLocation } from "react-router-dom";
+import history from "../../../history";
 
 const ConsoleMenuList = ({
   menuItems,
@@ -137,31 +139,60 @@ const ConsoleMenuList = ({
         }}
         className={`${stateClsName} group-wrapper bottom-list`}
       >
-        <ListItem
-          button
-          onClick={onLogoutClick}
-          disableRipple
-          sx={{
-            ...menuItemContainerStyles,
-            ...menuItemMiniStyles,
-            marginBottom: "3px",
-          }}
-          className={`$ ${stateClsName} bottom-menu-item`}
-        >
-          <ListItemIcon
+        <Box sx={{ display: "flex", alignItems: "center" }}>
+          <ListItem
+            button
+            onClick={() => {
+              history.push("/saturn/userinfo");
+            }}
+            disableRipple
+            sx={{
+              ...menuItemContainerStyles,
+              ...menuItemMiniStyles,
+              marginBottom: "3px",
+            }}
+            className={`$ ${stateClsName} bottom-menu-item`}
+          >
+            <ListItemIcon
+              sx={{
+                ...menuItemIconStyles,
+              }}
+            >
+              <PersonIcon />
+            </ListItemIcon>
+            <ListItemText
+              primary="个人信息"
+              id={"userinfo"}
+              sx={{ ...menuItemTextStyles }}
+              className={stateClsName}
+            />
+          </ListItem>
+          <ListItem
+            button
+            onClick={onLogoutClick}
+            disableRipple
             sx={{
-              ...menuItemIconStyles,
+              ...menuItemContainerStyles,
+              ...menuItemMiniStyles,
+              marginBottom: "3px",
             }}
+            className={`$ ${stateClsName} bottom-menu-item`}
           >
-            <LogoutIcon />
-          </ListItemIcon>
-          <ListItemText
-            primary="退出"
-            id={"logout"}
-            sx={{ ...menuItemTextStyles }}
-            className={stateClsName}
-          />
-        </ListItem>
+            <ListItemIcon
+              sx={{
+                ...menuItemIconStyles,
+              }}
+            >
+              <LogoutIcon />
+            </ListItemIcon>
+            <ListItemText
+              primary="退出"
+              id={"logout"}
+              sx={{ ...menuItemTextStyles }}
+              className={stateClsName}
+            />
+          </ListItem>
+        </Box>
       </List>
     </Box>
   );

src/screens/Console/valid-routes.ts

@@ -72,7 +72,7 @@ export const validRoutes = (
       children: [],
     },
     {
-      name: "身份",
+      name: "账号",
       id: "identity",
       icon: IdentityMenuIcon,
       children: [