phoenix/litellm-mirror
0
0
Fork 1
mirror of https://github.com/BerriAI/litellm.git synced 2025-04-27 19:54:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui - view all end-users on admin ui

Browse source
This commit is contained in:
Ishaan Jaff 2024-06-03 20:26:09 -07:00
parent c39c744970
commit f6353a39de
2 changed files with 61 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -51,6 +51,7 @@ import {
modelSettingsCall,
adminGlobalActivityExceptions,
adminGlobalActivityExceptionsPerDeployment,
allEndUsersCall,
} from "./networking";
import { BarChart, AreaChart } from "@tremor/react";
import {
@ -320,6 +321,8 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
const [showAdvancedFilters, setShowAdvancedFilters] = useState<boolean>(false);
const [selectedAPIKey, setSelectedAPIKey] = useState<any | null>(null);
const [allEndUsers, setAllEndUsers] = useState<any[]>([]);
useEffect(() => {
updateModelMetrics(
selectedModelGroup,
@ -700,6 +703,10 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
setSlowResponsesData(slowResponses);
let all_end_users_data = await allEndUsersCall(accessToken);
setAllEndUsers(all_end_users_data?.end_users);
const routerSettingsInfo = await getCallbacksCall(
accessToken,
userID,
@ -1033,6 +1040,28 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
return null; // Add this line to handle the case when the condition is not met
})}
</Select>
<Text className="mt-1">
Select Customer Name
</Text>
<Select>
{
allEndUsers?.map((user: any, index: number) => {
return (
<SelectItem
key={index}
value={user}
// onClick={() => {
// setSelectedEndUser(user);
// }}
>
{user}
</SelectItem>
);
})
}
</Select>