mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-08-12 02:59:00 +08:00
feat: added submenu system at sidebar (#2486)
* fix: Removed Strict mode to stop render twice * feat: added submenu system at sidebar
This commit is contained in:
parent
da4cbf6c2f
commit
c3763032df
@ -98,7 +98,7 @@ function SideNav(): JSX.Element {
|
||||
);
|
||||
|
||||
const items = [
|
||||
...menus.map(({ to, Icon, name, tags }) => ({
|
||||
...menus.map(({ to, Icon, name, tags, children }) => ({
|
||||
key: to,
|
||||
icon: <Icon />,
|
||||
onClick: (): void => onClickHandler(to),
|
||||
@ -113,6 +113,7 @@ function SideNav(): JSX.Element {
|
||||
))}
|
||||
</Space>
|
||||
),
|
||||
children,
|
||||
})),
|
||||
];
|
||||
|
||||
@ -129,7 +130,7 @@ function SideNav(): JSX.Element {
|
||||
theme="dark"
|
||||
defaultSelectedKeys={[ROUTES.APPLICATION]}
|
||||
selectedKeys={currentMenu ? [currentMenu?.to] : []}
|
||||
mode="inline"
|
||||
mode="vertical"
|
||||
style={styles}
|
||||
items={items}
|
||||
/>
|
||||
|
@ -10,6 +10,7 @@ import {
|
||||
MenuOutlined,
|
||||
SettingOutlined,
|
||||
} from '@ant-design/icons';
|
||||
import type { MenuProps } from 'antd';
|
||||
import ROUTES from 'constants/routes';
|
||||
|
||||
const menus: SidebarMenu[] = [
|
||||
@ -28,6 +29,12 @@ const menus: SidebarMenu[] = [
|
||||
to: ROUTES.LOGS,
|
||||
name: 'Logs',
|
||||
// tags: ['Beta'],
|
||||
children: [
|
||||
{
|
||||
key: ROUTES.LOGS,
|
||||
label: 'Search',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
Icon: DashboardFilled,
|
||||
@ -71,6 +78,7 @@ interface SidebarMenu {
|
||||
name: string;
|
||||
Icon: typeof ApiOutlined;
|
||||
tags?: string[];
|
||||
children?: Required<MenuProps>['items'][number][];
|
||||
}
|
||||
|
||||
export default menus;
|
||||
|
Loading…
x
Reference in New Issue
Block a user