diff --git a/ui/litellm-dashboard/src/components/model_dashboard.tsx b/ui/litellm-dashboard/src/components/model_dashboard.tsx index fb189b8c4..5456fb302 100644 --- a/ui/litellm-dashboard/src/components/model_dashboard.tsx +++ b/ui/litellm-dashboard/src/components/model_dashboard.tsx @@ -743,7 +743,7 @@ const ModelDashboard: React.FC = ({ } const fetchModelMap = async () => { - const data = await modelCostMap(); + const data = await modelCostMap(accessToken); console.log(`received model cost map data: ${Object.keys(data)}`); setModelMap(data); }; diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx index 9060c339e..cc79b9962 100644 --- a/ui/litellm-dashboard/src/components/networking.tsx +++ b/ui/litellm-dashboard/src/components/networking.tsx @@ -12,11 +12,19 @@ export interface Model { model_info: Object | null; } -export const modelCostMap = async () => { +export const modelCostMap = async ( + accessToken: string, +) => { try { const url = proxyBaseUrl ? `${proxyBaseUrl}/get/litellm_model_cost_map` : `/get/litellm_model_cost_map`; const response = await fetch( - url + url, { + method: "GET", + headers: { + Authorization: `Bearer ${accessToken}`, + "Content-Type": "application/json", + }, + } ); const jsonData = await response.json(); console.log(`received litellm model cost data: ${jsonData}`);