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

fix - reset form when user cancels on add admin or add viewer

Browse source
This commit is contained in:
Ishaan Jaff 2024-05-31 16:42:20 -07:00
parent 92d8e62072
commit 245ffbd3c7
1 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -181,32 +181,38 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
const handleMemberUpdateOk = () => { const handleMemberUpdateOk = () => {
setIsUpdateModalModalVisible(false); setIsUpdateModalModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
const handleMemberOk = () => { const handleMemberOk = () => {
setIsAddMemberModalVisible(false); setIsAddMemberModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
const handleAdminOk = () => { const handleAdminOk = () => {
setIsAddAdminModalVisible(false); setIsAddAdminModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
const handleMemberCancel = () => { const handleMemberCancel = () => {
setIsAddMemberModalVisible(false); setIsAddMemberModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
const handleAdminCancel = () => { const handleAdminCancel = () => {
setIsAddAdminModalVisible(false); setIsAddAdminModalVisible(false);
setIsInvitationLinkModalVisible(false); setIsInvitationLinkModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
const handleMemberUpdateCancel = () => { const handleMemberUpdateCancel = () => {
setIsUpdateModalModalVisible(false); setIsUpdateModalModalVisible(false);
memberForm.resetFields(); memberForm.resetFields();
form.resetFields();
}; };
// Define the type for the handleMemberCreate function // Define the type for the handleMemberCreate function
type HandleMemberCreate = (formValues: Record<string, any>) => Promise<void>; type HandleMemberCreate = (formValues: Record<string, any>) => Promise<void>;
@ -221,21 +227,21 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
labelAlign="left" labelAlign="left"
> >
<> <>
<Form.Item label="Email" name="user_email" className="mb-4"> <Form.Item label="Email" name="user_email" className="mb-8 mt-4">
<Input <Input
name="user_email" name="user_email"
className="px-3 py-2 border rounded-md w-full" className="px-3 py-2 border rounded-md w-full"
/> />
</Form.Item> </Form.Item>
<div className="text-center mb-4">OR</div> {/* <div className="text-center mb-4">OR</div>
<Form.Item label="User ID" name="user_id" className="mb-4"> <Form.Item label="User ID" name="user_id" className="mb-4">
<Input <Input
name="user_id" name="user_id"
className="px-3 py-2 border rounded-md w-full" className="px-3 py-2 border rounded-md w-full"
/> />
</Form.Item> </Form.Item> */}
</> </>
<div style={{ textAlign: "right", marginTop: "10px" }}> <div style={{ textAlign: "right", marginTop: "10px" }} className="mt-4">
<Button2 htmlType="submit">Add member</Button2> <Button2 htmlType="submit">Add member</Button2>
</div> </div>
</Form> </Form>
@ -345,6 +351,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
// If new user is found, update it // If new user is found, update it
setAdmins(admins); // Set the new state setAdmins(admins); // Set the new state
} }
form.resetFields();
setIsAddMemberModalVisible(false); setIsAddMemberModalVisible(false);
} }
} catch (error) { } catch (error) {
@ -387,6 +394,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
// If new user is found, update it // If new user is found, update it
setAdmins(admins); // Set the new state setAdmins(admins); // Set the new state
} }
form.resetFields();
setIsAddAdminModalVisible(false); setIsAddAdminModalVisible(false);
} }
} catch (error) { } catch (error) {
@ -495,7 +503,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
<Modal <Modal
title="Invitation Link" title="Invitation Link"
visible={isInvitationLinkModalVisible} visible={isInvitationLinkModalVisible}
width={600} width={800}
footer={null} footer={null}
onOk={handleAdminOk} onOk={handleAdminOk}
onCancel={handleAdminCancel} onCancel={handleAdminCancel}
@ -518,7 +526,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
<div className="flex justify-end mt-5"> <div className="flex justify-end mt-5">
<div></div> <div></div>
<CopyToClipboard <CopyToClipboard
text={`${baseUrl}/onboarding?id=${invitationLinkData?.id}`} text={`${baseUrl}/ui/onboarding?id=${invitationLinkData?.id}`}
onCopy={() => message.success("Copied!")} onCopy={() => message.success("Copied!")}
> >
<Button variant="primary">Copy invitation link</Button> <Button variant="primary">Copy invitation link</Button>