phoenix/litellm-mirror
0
0
Fork 1
mirror of https://github.com/BerriAI/litellm.git synced 2025-04-27 11:43:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(ui) show team based usage

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-30 14:20:08 -07:00
parent 23a18d4be3
commit 24ca4e310c
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
ui/litellm-dashboard/src/components/usage.tsx
View file

@ -1,6 +1,8 @@
import { BarChart, BarList, Card, Title } from "@tremor/react"; import { BarChart, BarList, Card, Title } from "@tremor/react";
import React, { useState, useEffect } from "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 { Grid, Col, Text, LineChart, TabPanel, TabPanels, TabGroup, TabList, Tab } from "@tremor/react";
import { import {
userSpendLogsCall, userSpendLogsCall,
@ -263,6 +265,12 @@ const UsagePage: React.FC<UsagePageProps> = ({
return ( return (
<div style={{ width: "100%" }} className="p-8"> <div style={{ width: "100%" }} className="p-8">
<ViewUserSpend
userID={userID}
userSpendData={[]}
userRole={userRole}
accessToken={accessToken}
/>
<TabGroup> <TabGroup>
<TabList className="mt-2"> <TabList className="mt-2">
<Tab>All Up</Tab> <Tab>All Up</Tab>