scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-09-11 22:51:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 124

fix(all_keys_table.tsx): fix filtering + search logic

Browse source
This commit is contained in:
Krrish Dholakia 2025-04-25 12:21:05 -07:00
parent 4cb78176c1
commit 5fbc331970
2 changed files with 1 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -116,32 +116,6 @@ export function AllKeysTable({
}: AllKeysTableProps) {
const [selectedKeyId, setSelectedKeyId] = useState<string | null>(null);
const [userList, setUserList] = useState<UserResponse[]>([]);
const lastSearchTimestamp = useRef(0);
// Use the filter logic hook
useEffect(() => {
const loadAllFilterData = async () => {
// Load all teams - no organization filter needed here
const teamsData = await fetchAllTeams(accessToken);
if (teamsData.length > 0) {
setAllTeams(teamsData);
}
// Load all organizations
const orgsData = await fetchAllOrganizations(accessToken);
if (orgsData.length > 0) {
setAllOrganizations(orgsData);
}
// Load all keys
debouncedSearch(filters);
};
if (accessToken) {
loadAllFilterData();
}
}, [accessToken]);
const {
filters,

54
ui/litellm-dashboard/src/components/key_team_helpers/filter_logic.tsx
View file

@ -78,28 +78,6 @@ export function useFilterLogic({
}, 300),
[accessToken]
);
// Apply filters to keys whenever keys or filters change
useEffect(() => {
if (!keys) {
setFilteredKeys([]);
return;
}
let result = [...keys];
// Apply Team ID filter
if (filters['Team ID']) {
result = result.filter(key => key.team_id === filters['Team ID']);
}
// Apply Organization ID filter
if (filters['Organization ID']) {
result = result.filter(key => key.organization_id === filters['Organization ID']);
}
setFilteredKeys(result);
}, [keys, filters]);
// Fetch all data for filters when component mounts
useEffect(() => {
@ -154,34 +132,6 @@ export function useFilterLogic({
}, [organizations]);
const handleFilterChange = (newFilters: Record<string, string>) => {
// Update filters state
setFilters({
'Team ID': newFilters['Team ID'] || '',
'Organization ID': newFilters['Organization ID'] || '',
'Key Alias': newFilters['Key Alias'] || ''
});
// Handle Team change
if (newFilters['Team ID']) {
const selectedTeamData = allTeams?.find(team => team.team_id === newFilters['Team ID']);
if (selectedTeamData) {
setSelectedTeam(selectedTeamData);
}
}
// Handle Org change
if (newFilters['Organization ID']) {
const selectedOrg = allOrganizations?.find(org => org.organization_id === newFilters['Organization ID']);
if (selectedOrg) {
setCurrentOrg(selectedOrg);
}
}
const keyAlias = newFilters['Key Alias'];
const selectedKeyAlias = keyAlias
? allKeyAliases.find((k) => k === keyAlias) || null
: null;
setSelectedKeyAlias(selectedKeyAlias)
// Fetch keys based on new filters
const updatedFilters = {
@ -200,9 +150,7 @@ export function useFilterLogic({
});
// Reset selections
setSelectedTeam(null);
setCurrentOrg(null);
setSelectedKeyAlias(null);
debouncedSearch(filters);
};
return {