scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-03 02:22:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 81

feat(ui): migrate model_dashboard tremor tables to shadcn

Browse source 
Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
Cursor Agent 2026-04-24 13:23:19 +00:00
parent a50bd7a412
commit 640bae5d08
No known key found for this signature in database
2 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,15 +11,14 @@ import {
OnChangeFn,
} from "@tanstack/react-table";
import React from "react";
// eslint-disable-next-line litellm-ui/no-banned-ui-imports
import {
Table,
TableHead,
TableHeaderCell,
TableBody,
TableRow,
TableCell,
} from "@tremor/react";
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table";
import {
TableHeaderSortDropdown,
SortState,
@ -97,11 +96,11 @@ export function AllModelsDataTable<TData, TValue>({
tableLayout: "fixed",
}}
>
<TableHead>
<TableHeader>
{tableInstance.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id}>
{headerGroup.headers.map((header) => (
<TableHeaderCell
<TableHead
key={header.id}
className={`py-1 h-8 relative ${
header.id === "actions"
@ -156,11 +155,11 @@ export function AllModelsDataTable<TData, TValue>({
}`}
/>
)}
</TableHeaderCell>
</TableHead>
))}
</TableRow>
))}
</TableHead>
</TableHeader>
<TableBody>
{isLoading ? (
<TableRow>

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

@ -12,15 +12,14 @@ import {
OnChangeFn,
} from "@tanstack/react-table";
import React from "react";
// eslint-disable-next-line litellm-ui/no-banned-ui-imports
import {
Table,
TableHead,
TableHeaderCell,
TableBody,
TableRow,
TableCell,
} from "@tremor/react";
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table";
import { ArrowUpDown, ChevronDown, ChevronUp } from "lucide-react";
// Extend the column meta type to include className
@ -93,11 +92,11 @@ export function ModelDataTable<TData, TValue>({
tableLayout: "fixed",
}}
>
<TableHead>
<TableHeader>
{tableInstance.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id}>
{headerGroup.headers.map((header) => (
<TableHeaderCell
<TableHead
key={header.id}
className={`py-1 h-8 relative ${
header.id === "actions"
@ -146,11 +145,11 @@ export function ModelDataTable<TData, TValue>({
}`}
/>
)}
</TableHeaderCell>
</TableHead>
))}
</TableRow>
))}
</TableHead>
</TableHeader>
<TableBody>
{isLoading ? (
<TableRow>