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

(ui) - simplify user flow

Browse source
This commit is contained in:
Ishaan Jaff 2024-04-20 15:50:01 -07:00
parent c5d880b6fd
commit 31e600c4fe
1 changed files with 56 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -116,7 +116,7 @@ const CreateKey: React.FC<CreateKeyProps> = ({
wrapperCol={{ span: 16 }} wrapperCol={{ span: 16 }}
labelAlign="left" labelAlign="left"
> >
{userRole === "App Owner" || userRole === "Admin" || userRole === "App User" ? ( {userRole === "App Owner" || userRole === "Admin" ? (
<> <>
<Form.Item <Form.Item
label="Key Name" label="Key Name"
@ -248,16 +248,66 @@ const CreateKey: React.FC<CreateKeyProps> = ({
</> </>
) : ( ) : (
<> <>
<Form.Item label="Key Name" name="key_alias"> <Form.Item
label="Key Name"
name="key_alias"
rules={[{ required: true, message: 'Please input a key name' }]}
help="required"
>
<Input /> <Input />
</Form.Item> </Form.Item>
<Form.Item label="Team ID (Contact Group)" name="team_id"> <Form.Item
<Input placeholder="default team (create a new team)" /> label="Team ID"
name="team_id"
hidden={true}
initialValue={team ? team["team_id"] : null}
valuePropName="team_id"
className="mt-8"
>
<Input value={team ? team["team_alias"] : ""} disabled />
</Form.Item> </Form.Item>
<Form.Item label="Description" name="description"> <Form.Item
<Input.TextArea placeholder="Enter description" rows={4} /> label="Models"
name="models"
rules={[{ required: true, message: 'Please select a model' }]}
help="required"
>
<Select
mode="multiple"
placeholder="Select models"
style={{ width: "100%" }}
>
<Option key="all-team-models" value="all-team-models">
All Team Models
</Option>
{team && team.models ? (
team.models.includes("all-proxy-models") ? (
userModels.map((model: string) => (
(
<Option key={model} value={model}>
{model}
</Option>
)
))
) : (
team.models.map((model: string) => (
<Option key={model} value={model}>
{model}
</Option>
))
)
) : (
userModels.map((model: string) => (
<Option key={model} value={model}>
{model}
</Option>
))
)}
</Select>
</Form.Item> </Form.Item>
</> </>
)} )}
<div style={{ textAlign: "right", marginTop: "10px" }}> <div style={{ textAlign: "right", marginTop: "10px" }}>