From 52a9cfa0290dc07ef1f930229de8f65905551244 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Mon, 25 Nov 2024 22:31:04 -0800
Subject: [PATCH] update menu history

---
 ui/litellm-dashboard/src/components/leftnav.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/leftnav.tsx b/ui/litellm-dashboard/src/components/leftnav.tsx
index 4304fe836..ba7519324 100644
--- a/ui/litellm-dashboard/src/components/leftnav.tsx
+++ b/ui/litellm-dashboard/src/components/leftnav.tsx
@@ -7,7 +7,7 @@ const { Sider } = Layout;
 
 // Define the props type
 interface SidebarProps {
-  setPage: React.Dispatch<React.SetStateAction<string>>;
+  setPage: (page: string) => void;
   userRole: string;
   defaultSelectedKey: string;
 }
@@ -67,9 +67,17 @@ const Sidebar: React.FC<SidebarProps> = ({
           style={{ height: "100%", borderRight: 0 }}
         >
           {filteredMenuItems.map(item => (
-            <Menu.Item key={item.key} onClick={() => setPage(item.page)}>
-              <Text>{item.label}</Text>
-            </Menu.Item>
+            <Menu.Item 
+            key={item.key} 
+            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>
       </Sider>