Optimize code

src/components/common/sidebar/SidebarScroll.tsx

@@ -1,4 +1,4 @@
-import React, { useImperativeHandle } from 'react'
+import React from 'react'
 import HideScrollbar, { HideScrollbarElement } from '@/components/common/HideScrollbar'
 
 export interface SidebarScrollElement {

src/components/home/Footer.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import FitCenter from '@/components/common/FitCenter'
 import Icon from '@ant-design/icons'
 import '@/assets/css/components/home/footer.scss'
+import FitCenter from '@/components/common/FitCenter'
 import FitFullScreen from '@/components/common/FitFullScreen'
 import { NavLink } from 'react-router-dom'
 

src/pages/HomeFramework.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import Icon from '@ant-design/icons'
 import router from '@/router'
-import { COLOR_FONT_SECONDARY } from '@/constants/common.constants'
 import '@/assets/css/pages/home-framework.scss'
 import LoadingMask from '@/components/common/LoadingMask'
 import HideScrollbar, { HideScrollbarElement } from '@/components/common/HideScrollbar'
+import { COLOR_FONT_SECONDARY } from '@/constants/common.constants'
 
 export const HomeFrameworkContext = createContext<{
     navbarHiddenState: {

src/pages/Login.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
+import { notification } from 'antd'
+import moment from 'moment'
+import '@/assets/css/pages/login.scss'
+import { setToken } from '@/utils/common'
+import { getUserInfo, login } from '@/utils/auth'
 import {
     SYSTEM_LOGIN_SUCCESS,
     SYSTEM_LOGIN_USERNAME_PASSWORD_ERROR,
     SYSTEM_USER_DISABLE,
     SYSTEM_USERNAME_NOT_FOUND
 } from '@/constants/common.constants'
-import '@/assets/css/pages/login.scss'
-import { setToken } from '@/utils/common'
-import { getUserInfo, login } from '@/utils/auth'
-import { notification } from 'antd'
-import moment from 'moment'
 
 const Login: React.FC = () => {
     const [messageApi, contextHolder] = message.useMessage()

src/pages/ToolsFramework.tsx

@@ -23,18 +23,13 @@ const ToolsFramework: React.FC = () => {
                 <div className={'left-panel'}>
                     <Sidebar title={'氮工具'} onSidebarSwitch={handleOnSidebarSwitch}>
                         <SidebarItemList>
-                            <SidebarItem
-                                end
-                                path={''}
-                                icon={tools[0].icon}
-                                text={tools[0].name}
-                            ></SidebarItem>
+                            <SidebarItem end path={''} icon={tools[0].icon} text={tools[0].name} />
                             <SidebarItem
                                 end
                                 path={'all'}
                                 icon={tools[1].icon}
                                 text={tools[1].name}
-                            ></SidebarItem>
+                            />
                         </SidebarItemList>
                         <SidebarSeparate style={{ marginBottom: 0 }} />
                         <SidebarScroll ref={sidebarScrollRef}>

src/router/index.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import tools from '@/router/tools'
 import home from '@/router/home'
-import user from '@/router/user.tsx'
+import user from '@/router/user'
+import system from '@/router/system'
 
 const mapJsonToRoute = (jsonObject: RouteJsonObject[]): RouteObject[] => {
     return jsonObject.map((value) => ({
@@ -69,6 +70,15 @@ const root: RouteJsonObject[] = [
                 name: '个人中心',
                 auth: true
             },
+            {
+                path: 'system',
+                absolutePath: '/system',
+                id: 'systemFramework',
+                component: React.lazy(() => import('@/pages/SystemFramework')),
+                children: setTitle(system, '系统设置'),
+                name: '系统设置',
+                auth: true
+            },
             {
                 path: '',
                 absolutePath: '/',

src/router/user.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 const user: RouteJsonObject[] = [
     {
         path: '',
+        absolutePath: '/user',
         id: 'user',
         name: '个人档案',
         icon: React.lazy(() => import('~icons/fatweb/user.jsx')),
@@ -10,6 +11,7 @@ const user: RouteJsonObject[] = [
     },
     {
         path: '*',
+        absolutePath: '*',
         element: <Navigate to="/user" replace />
     }
 ]

src/utils/auth.ts

@@ -1,10 +1,10 @@
 import { getCaptcha, getLocalStorage, removeToken, setLocalStorage } from './common'
+import request from '@/services'
 import {
     STORAGE_TOKEN_KEY,
     STORAGE_USER_INFO_KEY,
     DATABASE_SELECT_SUCCESS
 } from '@/constants/common.constants'
-import request from '@/services'
 import { URL_API_LOGIN, URL_API_LOGOUT, URL_API_USER_INFO } from '@/constants/urls.constants'
 
 let captcha: Captcha