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

fix linting errors

Browse source
This commit is contained in:
Ishaan Jaff 2025-03-08 16:26:51 -08:00
parent 35b5a89d82
commit 12867797cc
2 changed files with 44 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/litellm-dashboard/src/components/all_keys_table.tsx
View file

@ -325,12 +325,12 @@ export function AllKeysTable({
if (!allOrganizations || allOrganizations.length === 0) return [];
const filteredOrgs = allOrganizations.filter(org =>
org.organization_id.toLowerCase().includes(searchText.toLowerCase()) ||
(org.organization_name && org.organization_name.toLowerCase().includes(searchText.toLowerCase()))
(org.organization_id?.toLowerCase().includes(searchText.toLowerCase())) ||
(org.organization_id && org.organization_id.toLowerCase().includes(searchText.toLowerCase()))
);
return filteredOrgs.map(org => ({
label: `${org.organization_name || 'Unknown'} (${org.organization_id})`,
label: `${org.organization_id || 'Unknown'} (${org.organization_id})`,
value: org.organization_id
}));
}
@ -385,8 +385,8 @@ export function AllKeysTable({
<div className="h-[75vh] overflow-auto">
<DataTable
columns={columns.filter(col => col.id !== 'expander')}
data={filteredKeys}
columns={columns.filter(col => col.id !== 'expander') as any}
data={filteredKeys as any}
isLoading={isLoading}
getRowCanExpand={() => false}
renderSubComponent={() => <></>}

74
ui/litellm-dashboard/src/components/view_logs/columns.tsx
View file

@ -37,41 +37,7 @@ export const columns: ColumnDef<LogEntry>[] = [
id: "expander",
header: () => null,
cell: ({ row }) => {
const [localExpanded, setLocalExpanded] = React.useState(row.getIsExpanded());
// Memoize the toggle handler to prevent unnecessary re-renders
const toggleHandler = React.useCallback(() => {
setLocalExpanded((prev) => !prev);
row.getToggleExpandedHandler()();
}, [row]);
return row.getCanExpand() ? (
<button
onClick={toggleHandler}
style={{ cursor: "pointer" }}
aria-label={localExpanded ? "Collapse row" : "Expand row"}
className="w-6 h-6 flex items-center justify-center focus:outline-none"
>
<svg
className={`w-4 h-4 transform transition-transform duration-75 ${
localExpanded ? 'rotate-90' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M9 5l7 7-7 7"
/>
</svg>
</button>
) : (
<span className="w-6 h-6 flex items-center justify-center">●</span>
);
return <ExpanderCell row={row} />;
},
},
{
@ -249,6 +215,44 @@ export const columns: ColumnDef<LogEntry>[] = [
},
];
const ExpanderCell = ({ row }: { row: any }) => {
const [localExpanded, setLocalExpanded] = React.useState(row.getIsExpanded());
// Memoize the toggle handler to prevent unnecessary re-renders
const toggleHandler = React.useCallback(() => {
setLocalExpanded((prev: boolean) => !prev);
row.getToggleExpandedHandler()();
}, [row]);
return row.getCanExpand() ? (
<button
onClick={toggleHandler}
style={{ cursor: "pointer" }}
aria-label={localExpanded ? "Collapse row" : "Expand row"}
className="w-6 h-6 flex items-center justify-center focus:outline-none"
>
<svg
className={`w-4 h-4 transform transition-transform duration-75 ${
localExpanded ? 'rotate-90' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M9 5l7 7-7 7"
/>
</svg>
</button>
) : (
<span className="w-6 h-6 flex items-center justify-center">●</span>
);
};
const formatMessage = (message: any): string => {
if (!message) return "N/A";
if (typeof message === "string") return message;