From 24ca4e310ca262115fc737e2efe556acdad47773 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Sat, 30 Mar 2024 14:20:08 -0700
Subject: [PATCH] (ui) show team based usage

---
 ui/litellm-dashboard/src/components/usage.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/usage.tsx b/ui/litellm-dashboard/src/components/usage.tsx
index 73658746be..8ca55c4cce 100644
--- a/ui/litellm-dashboard/src/components/usage.tsx
+++ b/ui/litellm-dashboard/src/components/usage.tsx
@@ -1,6 +1,8 @@
 import { BarChart, BarList, Card, Title } from "@tremor/react";
 
 import React, { useState, useEffect } from "react";
+
+import ViewUserSpend from "./view_user_spend";
 import { Grid, Col, Text, LineChart, TabPanel, TabPanels, TabGroup, TabList, Tab } from "@tremor/react";
 import {
   userSpendLogsCall,
@@ -263,6 +265,12 @@ const UsagePage: React.FC<UsagePageProps> = ({
 
   return (
     <div style={{ width: "100%" }} className="p-8">
+      <ViewUserSpend
+            userID={userID}
+            userSpendData={[]}
+            userRole={userRole}
+            accessToken={accessToken}
+          />
       <TabGroup>
         <TabList className="mt-2">
           <Tab>All Up</Tab>