phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

update menu history

Browse source
This commit is contained in:
Ishaan Jaff 2024-11-25 22:31:04 -08:00
parent adc3c0beb7
commit 52a9cfa029
1 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
ui/litellm-dashboard/src/components/leftnav.tsx
View file

@ -7,7 +7,7 @@ const { Sider } = Layout;
// Define the props type // Define the props type
interface SidebarProps { interface SidebarProps {
setPage: React.Dispatch<React.SetStateAction<string>>; setPage: (page: string) => void;
userRole: string; userRole: string;
defaultSelectedKey: string; defaultSelectedKey: string;
} }
@ -67,9 +67,17 @@ const Sidebar: React.FC<SidebarProps> = ({
style={{ height: "100%", borderRight: 0 }} style={{ height: "100%", borderRight: 0 }}
> >
{filteredMenuItems.map(item => ( {filteredMenuItems.map(item => (
<Menu.Item key={item.key} onClick={() => setPage(item.page)}> <Menu.Item
<Text>{item.label}</Text> key={item.key}
</Menu.Item> onClick={() => {
const newSearchParams = new URLSearchParams(window.location.search);
newSearchParams.set('page', item.page);
window.history.pushState(null, '', `?${newSearchParams.toString()}`);
setPage(item.page);
}}
>
<Text>{item.label}</Text>
</Menu.Item>
))} ))}
</Menu> </Menu>
</Sider> </Sider>