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

(feat) ui - show different form based on userRole

Browse source
This commit is contained in:
ishaan-jaff 2024-02-03 13:01:05 -08:00
parent 6de6774509
commit bcd36865d9
1 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -76,8 +76,9 @@ const CreateKey: React.FC<CreateKeyProps> = ({
onCancel={handleCancel}
>
<Form form={form} onFinish={handleCreate} labelCol={{ span: 6 }} wrapperCol={{ span: 16 }} labelAlign="left">
<Form.Item
{userRole === 'App Owner' || userRole === 'Admin' ? (
<>
<Form.Item
label="Key Name"
name="key_alias"
>
@ -96,9 +97,6 @@ const CreateKey: React.FC<CreateKeyProps> = ({
>
<Input placeholder="ai_team" />
</Form.Item>
{userRole === 'App Owner' || userRole === 'Admin' ? (
<>
<Form.Item
label="Models (Comma Separated). Eg: gpt-3.5-turbo,gpt-4"
name="models"
@ -126,7 +124,30 @@ const CreateKey: React.FC<CreateKeyProps> = ({
<Input.TextArea rows={4} placeholder="Enter metadata as JSON" />
</Form.Item>
</>
) : null}
) : (
<>
<Form.Item
label="Key Name"
name="key_alias"
>
<Input />
</Form.Item>
<Form.Item
label="Team ID (Contact Group)"
name="team_id"
>
<Input placeholder="ai_team" />
</Form.Item>
<Form.Item
label="Description"
name="description"
>
<Input.TextArea placeholder="Enter description" rows={4}/>
</Form.Item>
</>
)
}
<div style={{ textAlign: 'right', marginTop: '10px' }}>
<Button2 htmlType="submit">
Create Key