diff --git a/ui/litellm-dashboard/src/components/admins.tsx b/ui/litellm-dashboard/src/components/admins.tsx index 4375a9a536..7adc49a0ab 100644 --- a/ui/litellm-dashboard/src/components/admins.tsx +++ b/ui/litellm-dashboard/src/components/admins.tsx @@ -42,6 +42,7 @@ import { userGetAllUsersCall, User, setCallbacksCall, + getPossibleUserRoles, } from "./networking"; const AdminPanel: React.FC = ({ @@ -60,6 +61,7 @@ const AdminPanel: React.FC = ({ const [isUpdateMemberModalVisible, setIsUpdateModalModalVisible] = useState(false); const [isAddSSOModalVisible, setIsAddSSOModalVisible] = useState(false); const [isInstructionsModalVisible, setIsInstructionsModalVisible] = useState(false); + const [possibleUIRoles, setPossibleUIRoles] = useState>>(null); let nonSssoUrl; try { @@ -133,6 +135,9 @@ const handleInstructionsCancel = () => { console.log(`proxy admins: ${proxyAdmins}`); console.log(`combinedList: ${combinedList}`); setAdmins(combinedList); + + const availableUserRoles = await getPossibleUserRoles(accessToken); + setPossibleUIRoles(availableUserRoles); } }; @@ -373,7 +378,7 @@ const handleInstructionsCancel = () => { ? member["user_id"] : null} - {member["user_role"]} + {possibleUIRoles?.[member?.user_role]?.ui_label || "-"} setIsUpdateModalModalVisible(true)}/>