✨ 添加cookie页面

admin-frontend/src/App.tsx

@@ -9,6 +9,7 @@ import SubscribeManager from './features/subsribeConfigManager/SubscribeManager'
 import WeightConfig from './features/weightConfig/WeightManager';
 import Home from './pages/Home';
 import Unauthed from './pages/Unauthed';
+import CookieManager from './features/cookieManager/cookieManager';
 
 function App() {
   const dispatch = useAppDispatch();
@@ -46,6 +47,10 @@ function App() {
           path: 'weight',
           element: <WeightConfig />,
         },
+        {
+          path: 'cookie',
+          element: <CookieManager />,
+        },
       ],
     },
   ], { basename: '/bison' });

admin-frontend/src/features/cookieManager/cookieManager.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function CookieManager() {
+  return <div>下个版本再写啦啦啦啦</div>;
+}

admin-frontend/src/pages/Home.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, useEffect, useState } from 'react';
 import { Breadcrumb, Layout, Menu } from '@arco-design/web-react';
-import { IconRobot, IconDashboard } from '@arco-design/web-react/icon';
+import { IconRobot, IconDashboard, IconUser } from '@arco-design/web-react/icon';
 import './Home.css';
 // import SubscribeManager from '../features/subsribeConfigManager/SubscribeManager';
 import {
@@ -23,6 +23,9 @@ export default function Home() {
     if (path !== '/home/groups' && !path.startsWith('/home/groups/') && path !== '/home/weight') {
       navigate('/home/groups');
     }
+    if (path === '/home/cookie') {
+      navigate('/home/cookie');
+    }
   }, [path]);
 
   let currentKey = '';
@@ -40,6 +43,8 @@ export default function Home() {
       navigate('/home/groups');
     } else if (tab === 'weight') {
       navigate('/home/weight');
+    } else if (tab === 'cookie') {
+      navigate('/home/cookie');
     }
   };
 
@@ -80,6 +85,15 @@ export default function Home() {
         </Breadcrumb.Item>
       </Breadcrumb>
     );
+  } else if (path === '/home/cookie') {
+    breadcrumbContent = (
+      <Breadcrumb style={{ margin: '16px 0' }}>
+        <Breadcrumb.Item>
+          <IconUser />
+          Cookie 管理
+        </Breadcrumb.Item>
+      </Breadcrumb>
+    );
   }
   return (
     <Layout className="layout-collapse-demo">
@@ -105,6 +119,10 @@ export default function Home() {
               <IconDashboard />
               调度权重
             </Menu.Item>
+            <Menu.Item key="cookie">
+              <IconUser />
+              Cookie 管理
+            </Menu.Item>
           </Menu>
         </Layout.Sider>
         <Layout.Content style={{ padding: '0 1em' }}>