phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

(v0) show tabs for team

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-16 17:22:18 -07:00
parent ac6c69ff89
commit 794dcfda41
1 changed files with 80 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
import { BarChart, Card, Title } from "@tremor/react";
import React, { useState, useEffect } from "react";
import { Grid, Col, Text, LineChart } from "@tremor/react";
import { Grid, Col, Text, LineChart, TabPanel, TabPanels, TabGroup, TabList, Tab } from "@tremor/react";
import {
userSpendLogsCall,
keyInfoCall,
@ -242,6 +242,13 @@ const UsagePage: React.FC<UsagePageProps> = ({
return (
<div style={{ width: "100%" }}>
<TabGroup>
<TabList className="mt-4">
<Tab>All Up</Tab>
<Tab>Team Based Usage</Tab>
</TabList>
<TabPanels>
<TabPanel>
<Grid numItems={2} className="gap-2 p-10 h-[75vh] w-full">
<Col numColSpan={2}>
<Card>
@ -308,6 +315,12 @@ const UsagePage: React.FC<UsagePageProps> = ({
</Card>
</Col>
</Grid>
</TabPanel>
<TabPanel>
<Title>Coming Soon</Title>
</TabPanel>
</TabPanels>
</TabGroup>
</div>
);
};