scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-05 02:41:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 93

feat(ui): EditSSOSettingsModal to shadcn Dialog

Browse source 
- antd Modal/Button/Space \u2192 shadcn Dialog/Button. antd Form driving
  BaseSSOSettingsForm is preserved.
- Submit button runs form.submit(); Cancel resets fields and calls
  onCancel. Loading state replaced with 'Saving...' label on button.

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
This commit is contained in:
Cursor Agent 2026-04-23 13:14:52 +00:00
parent 87234e5be8
commit 2a7685bf15
No known key found for this signature in database
1 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
ui/litellm-dashboard/src/components/Settings/AdminSettings/SSOSettings/Modals/EditSSOSettingsModal.tsx
View file

@ -1,6 +1,14 @@
"use client";
import { Button, Form, Modal, Space } from "antd";
import { Button } from "@/components/ui/button";
import {
Dialog,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { Form } from "antd";
import React, { useEffect } from "react";
import BaseSSOSettingsForm from "./BaseSSOSettingsForm";
import NotificationsManager from "@/components/molecules/notifications_manager";
@ -123,24 +131,25 @@ const EditSSOSettingsModal: React.FC<EditSSOSettingsModalProps> = ({ isVisible,
};
return (
<Modal
title="Edit SSO Settings"
<Dialog
open={isVisible}
width={800}
footer={
<Space>
<Button onClick={handleCancel} disabled={isPending}>
onOpenChange={(o) => (!o ? handleCancel() : undefined)}
>
<DialogContent className="max-w-[800px]">
<DialogHeader>
<DialogTitle>Edit SSO Settings</DialogTitle>
</DialogHeader>
<BaseSSOSettingsForm form={form} onFormSubmit={handleFormSubmit} />
<DialogFooter>
<Button variant="outline" onClick={handleCancel} disabled={isPending}>
Cancel
</Button>
<Button loading={isPending} onClick={() => form.submit()}>
<Button onClick={() => form.submit()} disabled={isPending}>
{isPending ? "Saving..." : "Save"}
</Button>
</Space>
}
onCancel={handleCancel}
>
<BaseSSOSettingsForm form={form} onFormSubmit={handleFormSubmit} />
</Modal>
</DialogFooter>
</DialogContent>
</Dialog>
);
};