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:
Cursor Agent 2026-04-24 13:43:31 +00:00
parent 575aa1123b
commit 7af17e56c2
No known key found for this signature in database
2 changed files with 6 additions and 5 deletions

View file

@ -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",

View file

@ -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"