mirror of
https://github.com/BerriAI/litellm.git
synced 2026-10-03 02:22:24 +00:00
feat(ui): migrate KeyModelUsageView tremor Card/Title to shadcn; keep BarChart
Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
parent
575aa1123b
commit
7af17e56c2
2 changed files with 6 additions and 5 deletions
|
|
@ -181,7 +181,8 @@
|
|||
"src/components/EntityUsageExport/types.ts",
|
||||
"src/components/EntityUsageExport/UsageExportHeader.tsx",
|
||||
"src/components/EntityUsageExport/ExportSummary.tsx",
|
||||
"src/components/UsagePage/components/EntityUsage/TopModelView.tsx"
|
||||
"src/components/UsagePage/components/EntityUsage/TopModelView.tsx",
|
||||
"src/components/UsagePage/components/KeyModelUsageView.tsx"
|
||||
],
|
||||
"rules": {
|
||||
"litellm-ui/no-banned-ui-imports": "off",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import { formatNumberWithCommas } from "@/utils/dataUtils";
|
||||
// eslint-disable-next-line litellm-ui/no-banned-ui-imports
|
||||
import { BarChart, Card, Title } from "@tremor/react";
|
||||
import { BarChart } from "@tremor/react";
|
||||
import { Card } from "@/components/ui/card";
|
||||
import {
|
||||
Table,
|
||||
TableBody,
|
||||
|
|
@ -28,9 +28,9 @@ const KeyModelUsageView: React.FC<KeyModelUsageViewProps> = ({ topModels }) => {
|
|||
}
|
||||
|
||||
return (
|
||||
<Card className="mt-4">
|
||||
<Card className="mt-4 p-6">
|
||||
<div className="flex justify-between items-center mb-3">
|
||||
<Title>Model Usage</Title>
|
||||
<h3 className="text-lg font-semibold">Model Usage</h3>
|
||||
<div className="flex space-x-2">
|
||||
<button
|
||||
type="button"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue