scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-09 03:18:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 188

Move QueryClientProvider to dashboard layout for all dashboard pages

Browse source 
Co-authored-by: Ishaan Jaff <ishaan-jaff@users.noreply.github.com>
This commit is contained in:
Cursor Agent 2026-02-26 00:18:42 +00:00
parent 68e47fcf57
commit 2690296e62
2 changed files with 35 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
ui/litellm-dashboard/src/app/(dashboard)/layout.tsx
View file

@ -6,6 +6,9 @@ import { ThemeProvider } from "@/contexts/ThemeContext";
import Sidebar2 from "@/app/(dashboard)/components/Sidebar2";
import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
import { useRouter, useSearchParams } from "next/navigation";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const queryClient = new QueryClient();
/** ---- BASE URL HELPERS ---- */
function normalizeBasePrefix(raw: string | undefined | null): string {
@ -45,30 +48,32 @@ function LayoutContent({ children }: { children: React.ReactNode }) {
const toggleSidebar = () => setSidebarCollapsed((v) => !v);
return (
<ThemeProvider accessToken={""}>
<div className="flex flex-col min-h-screen">
<Navbar
isPublicPage={false}
sidebarCollapsed={sidebarCollapsed}
onToggleSidebar={toggleSidebar}
userID={userId}
userEmail={userEmail}
userRole={userRole}
premiumUser={premiumUser}
proxySettings={undefined}
setProxySettings={() => { }}
accessToken={accessToken}
isDarkMode={false}
toggleDarkMode={() => { }}
/>
<div className="flex flex-1 overflow-auto">
<div className="mt-2">
<Sidebar2 defaultSelectedKey={page} accessToken={accessToken} userRole={userRole} />
<QueryClientProvider client={queryClient}>
<ThemeProvider accessToken={""}>
<div className="flex flex-col min-h-screen">
<Navbar
isPublicPage={false}
sidebarCollapsed={sidebarCollapsed}
onToggleSidebar={toggleSidebar}
userID={userId}
userEmail={userEmail}
userRole={userRole}
premiumUser={premiumUser}
proxySettings={undefined}
setProxySettings={() => { }}
accessToken={accessToken}
isDarkMode={false}
toggleDarkMode={() => { }}
/>
<div className="flex flex-1 overflow-auto">
<div className="mt-2">
<Sidebar2 defaultSelectedKey={page} accessToken={accessToken} userRole={userRole} />
</div>
<main className="flex-1">{children}</main>
</div>
<main className="flex-1">{children}</main>
</div>
</div>
</ThemeProvider>
</ThemeProvider>
</QueryClientProvider>
);
}

21
ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/page.tsx
View file

@ -4,9 +4,6 @@ import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized";
import useTeams from "@/app/(dashboard)/hooks/useTeams";
import { useState } from "react";
import ModelsAndEndpointsView from "@/app/(dashboard)/models-and-endpoints/ModelsAndEndpointsView";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const queryClient = new QueryClient();
const ModelsAndEndpointsPage = () => {
const { token, premiumUser } = useAuthorized();
@ -15,16 +12,14 @@ const ModelsAndEndpointsPage = () => {
const { teams } = useTeams();
return (
<QueryClientProvider client={queryClient}>
<ModelsAndEndpointsView
token={token}
modelData={{ data: [] }}
keys={keys}
setModelData={() => {}}
premiumUser={premiumUser}
teams={teams}
/>
</QueryClientProvider>
<ModelsAndEndpointsView
token={token}
modelData={{ data: [] }}
keys={keys}
setModelData={() => {}}
premiumUser={premiumUser}
teams={teams}
/>
);
};