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 85

Merge pull request #20317 from BerriAI/litellm_antd_modal

Browse source 
Chore: Antd Modal Deprecated Props
This commit is contained in:
yuneng-jiang 2026-02-03 17:02:01 -08:00 • committed by GitHub
commit 92786b5608
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
20 changed files with 47 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/litellm-dashboard/src/components/AIHub/ModelHubTable.tsx
View file

@ -483,7 +483,7 @@ const ModelHubTable: React.FC<ModelHubTableProps> = ({ accessToken, publicPage,
<Modal
title="Public Model Hub"
width={600}
visible={isPublicPageModalVisible}
open={isPublicPageModalVisible}
footer={null}
onOk={handleOk}
onCancel={handleCancel}
@ -505,7 +505,7 @@ const ModelHubTable: React.FC<ModelHubTableProps> = ({ accessToken, publicPage,
<Modal
title={selectedModel?.model_group || "Model Details"}
width={1000}
visible={isModalVisible}
open={isModalVisible}
footer={null}
onOk={handleOk}
onCancel={handleCancel}
@ -656,7 +656,7 @@ print(response.choices[0].message.content)`}
<Modal
title={selectedAgent?.name || "Agent Details"}
width={1000}
visible={isAgentModalVisible}
open={isAgentModalVisible}
footer={null}
onOk={handleOk}
onCancel={handleCancel}
@ -795,7 +795,7 @@ print(response.choices[0].message.content)`}
<Modal
title={selectedMcpServer?.server_name || "MCP Server Details"}
width={1000}
visible={isMcpModalVisible}
open={isMcpModalVisible}
footer={null}
onOk={handleOk}
onCancel={handleCancel}

2
ui/litellm-dashboard/src/components/OldTeams.tsx
View file

@ -1018,7 +1018,7 @@ const Teams: React.FC<TeamProps> = ({
{canCreateOrManageTeams(userRole, userID, organizations) && (
<Modal
title="Create Team"
visible={isTeamModalVisible}
open={isTeamModalVisible}
width={1000}
footer={null}
onOk={handleOk}

6
ui/litellm-dashboard/src/components/SSOModals.tsx
View file

@ -323,7 +323,7 @@ const SSOModals: React.FC<SSOModalsProps> = ({
<>
<Modal
title={ssoConfigured ? "Edit SSO Settings" : "Add SSO"}
visible={isAddSSOModalVisible}
open={isAddSSOModalVisible}
width={800}
footer={null}
onOk={handleAddSSOOk}
@ -517,7 +517,7 @@ const SSOModals: React.FC<SSOModalsProps> = ({
{/* Clear Confirmation Modal */}
<Modal
title="Confirm Clear SSO Settings"
visible={isClearConfirmModalVisible}
open={isClearConfirmModalVisible}
onOk={handleClearSSO}
onCancel={() => setIsClearConfirmModalVisible(false)}
okText="Yes, Clear"
@ -536,7 +536,7 @@ const SSOModals: React.FC<SSOModalsProps> = ({
<Modal
title="SSO Setup Instructions"
visible={isInstructionsModalVisible}
open={isInstructionsModalVisible}
width={800}
footer={null}
onOk={handleInstructionsOk}

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

@ -91,7 +91,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
const isLocal = process.env.NODE_ENV === "development";
if (isLocal != true) {
console.log = function () {};
console.log = function () { };
}
const baseUrl = useBaseUrl();
@ -565,7 +565,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
<Modal
title="Manage Allowed IP Addresses"
width={800}
visible={isAllowedIPModalVisible}
open={isAllowedIPModalVisible}
onCancel={() => setIsAllowedIPModalVisible(false)}
footer={[
<Button className="mx-1" key="add" onClick={() => setIsAddIPModalVisible(true)}>
@ -602,7 +602,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
<Modal
title="Add Allowed IP Address"
visible={isAddIPModalVisible}
open={isAddIPModalVisible}
onCancel={() => setIsAddIPModalVisible(false)}
footer={null}
>
@ -618,7 +618,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
<Modal
title="Confirm Delete"
visible={isDeleteIPModalVisible}
open={isDeleteIPModalVisible}
onCancel={() => setIsDeleteIPModalVisible(false)}
onOk={confirmDeleteIP}
footer={[
@ -636,7 +636,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
{/* UI Access Control Modal */}
<Modal
title="UI Access Control Settings"
visible={isUIAccessControlModalVisible}
open={isUIAccessControlModalVisible}
width={600}
footer={null}
onOk={handleUIAccessControlOk}

2
ui/litellm-dashboard/src/components/budgets/budget_modal.tsx
View file

@ -43,7 +43,7 @@ const BudgetModal: React.FC<BudgetModalProps> = ({ isModalVisible, accessToken,
return (
<Modal
title="Create Budget"
visible={isModalVisible}
open={isModalVisible}
width={800}
footer={null}
onOk={handleOk}

2
ui/litellm-dashboard/src/components/budgets/edit_budget_modal.tsx
View file

@ -59,7 +59,7 @@ const EditBudgetModal: React.FC<BudgetModalProps> = ({
return (
<Modal
title="Edit Budget"
visible={isModalVisible}
open={isModalVisible}
width={800}
footer={null}
onOk={handleOk}

32
ui/litellm-dashboard/src/components/bulk_create_users_button.tsx
View file

@ -370,11 +370,11 @@ const BulkCreateUsersButton: React.FC<BulkCreateUsersProps> = ({
current.map((u, i) =>
i === index
? {
...u,
status: "success",
key: response.key || response.user_id,
invitation_link: invitationUrl,
}
...u,
status: "success",
key: response.key || response.user_id,
invitation_link: invitationUrl,
}
: u,
),
);
@ -386,11 +386,11 @@ const BulkCreateUsersButton: React.FC<BulkCreateUsersProps> = ({
current.map((u, i) =>
i === index
? {
...u,
status: "success",
key: response.key || response.user_id,
invitation_link: invitationUrl,
}
...u,
status: "success",
key: response.key || response.user_id,
invitation_link: invitationUrl,
}
: u,
),
);
@ -401,11 +401,11 @@ const BulkCreateUsersButton: React.FC<BulkCreateUsersProps> = ({
current.map((u, i) =>
i === index
? {
...u,
status: "success",
key: response.key || response.user_id,
error: "User created but failed to generate invitation link",
}
...u,
status: "success",
key: response.key || response.user_id,
error: "User created but failed to generate invitation link",
}
: u,
),
);
@ -546,7 +546,7 @@ const BulkCreateUsersButton: React.FC<BulkCreateUsersProps> = ({
<Modal
title="Bulk Invite Users"
visible={isModalVisible}
open={isModalVisible}
width={800}
onCancel={() => setIsModalVisible(false)}
bodyStyle={{ maxHeight: "70vh", overflow: "auto" }}

2
ui/litellm-dashboard/src/components/cloudzero_export_modal.tsx
View file

@ -226,7 +226,7 @@ const CloudZeroExportModal: React.FC<CloudZeroExportModalProps> = ({ isOpen, onC
];
return (
<Modal title="Export Data" open={isOpen} onCancel={handleModalClose} footer={null} width={600} destroyOnClose>
<Modal title="Export Data" open={isOpen} onCancel={handleModalClose} footer={null} width={600} destroyOnHidden>
<div className="space-y-4">
{/* Export Type Selection */}
<div>

2
ui/litellm-dashboard/src/components/create_user_button.tsx
View file

@ -228,7 +228,7 @@ const Createuser: React.FC<CreateuserProps> = ({
<BulkCreateUsers accessToken={accessToken} teams={teams} possibleUIRoles={possibleUIRoles} />
<Modal
title="Invite User"
visible={isModalVisible}
open={isModalVisible}
width={800}
footer={null}
onOk={handleOk}

2
ui/litellm-dashboard/src/components/edit_auto_router/edit_auto_router_modal.tsx
View file

@ -160,7 +160,7 @@ const EditAutoRouterModal: React.FC<EditAutoRouterModalProps> = ({
</Button>,
]}
width={1000}
destroyOnClose
destroyOnHidden
>
<div className="space-y-6">
<Text className="text-gray-600">

6
ui/litellm-dashboard/src/components/edit_model/edit_model_modal.tsx
View file

@ -53,8 +53,8 @@ export const handleEditModelSubmit = async (
model_info:
model_info_model_id !== undefined
? {
id: model_info_model_id,
}
id: model_info_model_id,
}
: undefined,
};
@ -119,7 +119,7 @@ const EditModelModal: React.FC<EditModelModalProps> = ({ visible, onCancel, mode
return (
<Modal
title={"Edit '" + model_name + "' LiteLLM Params"}
visible={visible}
open={visible}
width={800}
footer={null}
onOk={handleOk}

2
ui/litellm-dashboard/src/components/edit_user.tsx
View file

@ -39,7 +39,7 @@ const EditUserModal: React.FC<EditUserModalProps> = ({ visible, possibleUIRoles,
}
return (
<Modal visible={visible} onCancel={handleCancel} footer={null} title={"Edit User " + user.user_id} width={1000}>
<Modal open={visible} onCancel={handleCancel} footer={null} title={"Edit User " + user.user_id} width={1000}>
<Form
form={form}
onFinish={handleEditSubmit}

2
ui/litellm-dashboard/src/components/model_add/CredentialDeleteModal.tsx
View file

@ -43,7 +43,7 @@ const CredentialDeleteModal: React.FC<CredentialDeleteModalProps> = ({
footer={null}
onCancel={handleCancel}
closable={true}
destroyOnClose={true}
destroyOnHidden={true}
maskClosable={false}
>
<div className="mt-4">

2
ui/litellm-dashboard/src/components/model_add/reuse_credentials.tsx
View file

@ -32,7 +32,7 @@ const ReuseCredentialsModal: React.FC<ReuseCredentialsModalProps> = ({
return (
<Modal
title="Reuse Credentials"
visible={isVisible}
open={isVisible}
onCancel={() => {
onCancel();
form.resetFields();

2
ui/litellm-dashboard/src/components/onboarding_link.tsx
View file

@ -63,7 +63,7 @@ export default function OnboardingModal({
return (
<Modal
title={modalType === "invitation" ? "Invitation Link" : "Reset Password Link"}
visible={isInvitationLinkModalVisible}
open={isInvitationLinkModalVisible}
width={800}
footer={null}
onOk={handleInvitationOk}

4
ui/litellm-dashboard/src/components/organisms/create_key_button.tsx
View file

@ -1342,7 +1342,7 @@ const CreateKey: React.FC<CreateKeyProps> = ({ team, teams, data, addKey }) => {
{isCreateUserModalVisible && (
<Modal
title="Create New User"
visible={isCreateUserModalVisible}
open={isCreateUserModalVisible}
onCancel={() => setIsCreateUserModalVisible(false)}
footer={null}
width={800}
@ -1359,7 +1359,7 @@ const CreateKey: React.FC<CreateKeyProps> = ({ team, teams, data, addKey }) => {
)}
{apiKey && (
<Modal visible={isModalVisible} onOk={handleOk} onCancel={handleCancel} footer={null}>
<Modal open={isModalVisible} onOk={handleOk} onCancel={handleCancel} footer={null}>
<Grid numItems={1} className="gap-2 w-full">
<Title>Save your Key</Title>
<Col numColSpan={1}>

2
ui/litellm-dashboard/src/components/organization/add_org_admin.tsx
View file

@ -45,7 +45,7 @@ const AddOrgAdmin: FC<AddOrgAdminProps> = ({ userRole, userID, selectedOrganizat
<Modal
title="Add member"
visible={isAddMemberModalVisible}
open={isAddMemberModalVisible}
width={800}
footer={null}
onOk={handleMemberOk}

2
ui/litellm-dashboard/src/components/request_model_access.tsx
View file

@ -60,7 +60,7 @@ const RequestAccess: React.FC<RequestAccessProps> = ({ userModels, accessToken,
</Button>
<Modal
title="Request Access"
visible={isModalVisible}
open={isModalVisible}
width={800}
footer={null}
onOk={handleOk}

2
ui/litellm-dashboard/src/components/tag_management/components/CreateTagModal.tsx
View file

@ -36,7 +36,7 @@ const CreateTagModal: React.FC<CreateTagModalProps> = ({ visible, onCancel, onSu
};
return (
<Modal title="Create New Tag" visible={visible} width={800} footer={null} onCancel={handleCancel}>
<Modal title="Create New Tag" open={visible} width={800} footer={null} onCancel={handleCancel}>
<Form form={form} onFinish={handleFinish} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} labelAlign="left">
<Form.Item label="Tag Name" name="tag_name" rules={[{ required: true, message: "Please input a tag name" }]}>
<TextInput />

2
ui/litellm-dashboard/src/components/vector_store_management/VectorStoreForm.tsx
View file

@ -108,7 +108,7 @@ const VectorStoreForm: React.FC<VectorStoreFormProps> = ({
};
return (
<Modal title="Add New Vector Store" visible={isVisible} width={1000} footer={null} onCancel={handleCancel}>
<Modal title="Add New Vector Store" open={isVisible} width={1000} footer={null} onCancel={handleCancel}>
<Form form={form} onFinish={handleCreate} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} labelAlign="left">
<Form.Item
label={