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

(ui) show key spend reports

Browse source
This commit is contained in:
ishaan-jaff 2024-02-03 17:22:40 -08:00
parent be0cf9ff19
commit 33c4f0faae
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import {
Badge, Badge,
Card, Card,
Table, Table,
Button,
TableBody, TableBody,
TableCell, TableCell,
TableHead, TableHead,
@ -15,6 +16,7 @@ import {
Title, Title,
Icon, Icon,
} from "@tremor/react"; } from "@tremor/react";
import ViewKeySpendReport from "./view_key_spend_report";
// Define the props type // Define the props type
interface ViewKeyTableProps { interface ViewKeyTableProps {
@ -110,9 +112,13 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
<Icon <Icon
onClick={() => handleDelete(item.token)} onClick={() => handleDelete(item.token)}
icon={TrashIcon} icon={TrashIcon}
size="xs" size="sm"
/> />
</TableCell> </TableCell>
<TableCell>
<ViewKeySpendReport token={item.token} accessToken={accessToken} keySpend={item.spend} keyBudget={item.max_budget} keyName={item.key_name} />
</TableCell>
</TableRow> </TableRow>
); );
})} })}