Jelajahi Sumber

✨ feat(admin): 添加退出登录功能

- 引入AuthProvider的useAuth hook获取logout方法
- 为退出登录菜单项添加onClick事件处理
- 实现点击退出登录菜单项触发登出功能
yourname 5 bulan lalu
induk
melakukan
2ea5ca95e6
1 mengubah file dengan 4 tambahan dan 1 penghapusan
  1. 4 1
      src/client/admin/menu.tsx

+ 4 - 1
src/client/admin/menu.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useNavigate } from 'react-router';
+import { useAuth } from './hooks/AuthProvider';
 import type { MenuProps } from 'antd';
 import {
   UserOutlined,
@@ -65,6 +66,7 @@ export const useMenuSearch = (menuItems: MenuItem[]) => {
 
 export const useMenu = () => {
   const navigate = useNavigate();
+  const { logout: handleLogout } = useAuth();
   const [collapsed, setCollapsed] = React.useState(false);
   const [openKeys, setOpenKeys] = React.useState<string[]>([]);
 
@@ -96,7 +98,8 @@ export const useMenu = () => {
       key: 'logout',
       label: '退出登录',
       icon: <InfoCircleOutlined />,
-      danger: true
+      danger: true,
+      onClick: () => handleLogout()
     }
   ];