phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

Merge pull request #3929 from BerriAI/litellm_edit_user_role_admin_ui

Browse source 
[UI] edit user role admin UI
This commit is contained in:
Ishaan Jaff 2024-05-30 16:29:52 -07:00 • committed by GitHub
commit b6ec312f60
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 85 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
ui/litellm-dashboard/src/components/view_users.tsx
View file

@ -24,7 +24,7 @@ import {
Icon,
TextInput,
} from "@tremor/react";
import { userInfoCall, userUpdateUserCall } from "./networking";
import { userInfoCall, userUpdateUserCall, getPossibleUserRoles } from "./networking";
import { Badge, BadgeDelta, Button } from "@tremor/react";
import RequestAccess from "./request_model_access";
import CreateUser from "./create_user_button";
@ -62,6 +62,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
const [selectedItem, setSelectedItem] = useState<null | any>(null);
const [editModalVisible, setEditModalVisible] = useState(false);
const [selectedUser, setSelectedUser] = useState(null);
const [possibleUIRoles, setPossibleUIRoles] = useState<Record<string, Record<string, string>>>({});
const defaultPageSize = 25;
const handleEditCancel = async () => {
@ -76,7 +77,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
return;
}
userUpdateUserCall(accessToken, editedUser, userRole);
userUpdateUserCall(accessToken, editedUser, null);
if (userData) {
const updatedUserData = userData.map((user) =>
@ -106,11 +107,16 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
);
console.log("user data response:", userDataResponse);
setUserData(userDataResponse);
const availableUserRoles = await getPossibleUserRoles(accessToken);
setPossibleUIRoles(availableUserRoles);
} catch (error) {
console.error("There was an error fetching the model data", error);
}
};
if (accessToken && token && userRole && userID) {
fetchData();
}
@ -273,6 +279,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
</TabGroup>
<EditUserModal
visible={editModalVisible}
possibleUIRoles={possibleUIRoles}
onCancel={handleEditCancel}
user={selectedUser}
onSubmit={handleEditSubmit}