|
@@ -38,26 +38,16 @@ const PageSidebar = (props: {
|
|
|
}) => {
|
|
|
const { notReadMessageCount } = useMessagesHook()
|
|
|
const [menuItems, setMenuItems] = useState<any[]>([])
|
|
|
-
|
|
|
- useEffect(() => {
|
|
|
- const _menuItems = getMenuItems(routes, notReadMessageCount)
|
|
|
- console.log('menuItems', _menuItems)
|
|
|
- setMenuItems(_menuItems)
|
|
|
- }, [notReadMessageCount])
|
|
|
const { autoCollapse = true } = props
|
|
|
const navigate = useNavigate()
|
|
|
const [selectedKeys, setSelectedKeys] = useState<string[]>([])
|
|
|
const [lastOpenedMenu, setLastOpenedMenu] = useState<string[]>([])
|
|
|
const location = useLocation()
|
|
|
|
|
|
- const onSwitchMenu = ({ key, keyPath }: { key: string; keyPath: string[] }) => {
|
|
|
- if (autoCollapse && keyPath.slice(1)) setLastOpenedMenu(keyPath.slice(1))
|
|
|
- navigate(key)
|
|
|
- }
|
|
|
-
|
|
|
- const onOpenChange = (openKeys: string[]) => {
|
|
|
- setLastOpenedMenu(openKeys)
|
|
|
- }
|
|
|
+ useEffect(() => {
|
|
|
+ const _menuItems = getMenuItems(routes, notReadMessageCount)
|
|
|
+ setMenuItems(_menuItems)
|
|
|
+ }, [notReadMessageCount])
|
|
|
|
|
|
useEffect(() => {
|
|
|
setSelectedKeys([`${location.pathname}`])
|
|
@@ -66,7 +56,16 @@ const PageSidebar = (props: {
|
|
|
setLastOpenedMenu([`/${lastOpenedMenu}`])
|
|
|
}
|
|
|
navigate(location.pathname)
|
|
|
- }, [location.pathname, navigate])
|
|
|
+ }, [location.pathname, navigate])
|
|
|
+
|
|
|
+ const onSwitchMenu = ({ key, keyPath }: { key: string; keyPath: string[] }) => {
|
|
|
+ if (autoCollapse && keyPath.slice(1)) setLastOpenedMenu(keyPath.slice(1))
|
|
|
+ navigate(key)
|
|
|
+ }
|
|
|
+
|
|
|
+ const onOpenChange = (openKeys: string[]) => {
|
|
|
+ setLastOpenedMenu(openKeys)
|
|
|
+ }
|
|
|
|
|
|
return (
|
|
|
<Sider theme='light'>
|