From 060a2f9fda981f785fe7720eaff3f4d8b2a0bad1 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 28 Mar 2024 18:57:44 -0700
Subject: [PATCH] (feat) make key/team name required on UI

---
 .../src/components/create_key_button.tsx                 | 9 +++++----
 ui/litellm-dashboard/src/components/teams.tsx            | 6 +++++-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/create_key_button.tsx b/ui/litellm-dashboard/src/components/create_key_button.tsx
index 82ce56ed89..4a31a9b0ff 100644
--- a/ui/litellm-dashboard/src/components/create_key_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_key_button.tsx
@@ -124,7 +124,11 @@ const CreateKey: React.FC<CreateKeyProps> = ({
         >
           {userRole === "App Owner" || userRole === "Admin" ? (
             <>
-              <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' }]}
+              >
                 <Input />
               </Form.Item>
               <Form.Item
@@ -149,9 +153,6 @@ const CreateKey: React.FC<CreateKeyProps> = ({
                   ))}
                 </Select>
               </Form.Item>
-              <Form.Item label="Soft Budget (USD) Monthly" name="soft_budget" initialValue={50.00}>
-                <InputNumber step={0.01} precision={2} defaultValue={50.00} width={200} />
-              </Form.Item>
               <Form.Item label="Max Budget (USD)" name="max_budget">
                 <InputNumber step={0.01} precision={2} width={200} />
               </Form.Item>
diff --git a/ui/litellm-dashboard/src/components/teams.tsx b/ui/litellm-dashboard/src/components/teams.tsx
index eaf5dc078d..007a498c63 100644
--- a/ui/litellm-dashboard/src/components/teams.tsx
+++ b/ui/litellm-dashboard/src/components/teams.tsx
@@ -235,7 +235,11 @@ const Team: React.FC<TeamProps> = ({
               labelAlign="left"
             >
               <>
-                <Form.Item label="Team Name" name="team_alias">
+                <Form.Item 
+                  label="Team Name" 
+                  name="team_alias"
+                  rules={[{ required: true, message: 'Please input a team name' }]}
+                >
                   <Input />
                 </Form.Item>
                 <Form.Item label="Models" name="models">