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

(ui) fix models page

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-30 14:00:22 -07:00
parent 8daca76566
commit 1bbdbcad7d
1 changed files with 18 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

41
ui/litellm-dashboard/src/components/model_dashboard.tsx
View file

@ -6,9 +6,11 @@ import {
Table, Table,
TableHead, TableHead,
TableRow, TableRow,
TableHeaderCell,
TableCell, TableCell,
TableBody, TableBody,
Metric, Metric,
Text,
Grid, Grid,
} from "@tremor/react"; } from "@tremor/react";
import { modelInfoCall, userGetRequesedtModelsCall, modelMetricsCall } from "./networking"; import { modelInfoCall, userGetRequesedtModelsCall, modelMetricsCall } from "./networking";
@ -146,39 +148,32 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
<Table className="mt-5"> <Table className="mt-5">
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>
<Title>Model Name </Title> <TableHeaderCell>Model Name </TableHeaderCell>
</TableCell>
<TableCell> <TableHeaderCell>
<Title>Provider</Title> Provider
</TableCell> </TableHeaderCell>
{ {
userRole === "Admin" && ( userRole === "Admin" && (
<TableCell> <TableHeaderCell>
<Title>API Base</Title> API Base
</TableCell> </TableHeaderCell>
) )
} }
<TableHeaderCell>
<TableCell> Access
<Title>Access</Title> </TableHeaderCell>
</TableCell> <TableHeaderCell>Input Price per token ($)</TableHeaderCell>
<TableCell> <TableHeaderCell>Output Price per token ($)</TableHeaderCell>
<Title>Input Price per token ($)</Title> <TableHeaderCell>Max Tokens</TableHeaderCell>
</TableCell>
<TableCell>
<Title>Output Price per token ($)</Title>
</TableCell>
<TableCell>
<Title>Max Tokens</Title>
</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{modelData.data.map((model: any) => ( {modelData.data.map((model: any) => (
<TableRow key={model.model_name}> <TableRow key={model.model_name}>
<TableCell> <TableCell>
<Title>{model.model_name}</Title> <Text>{model.model_name}</Text>
</TableCell> </TableCell>
<TableCell>{model.provider}</TableCell> <TableCell>{model.provider}</TableCell>
{ {