From 727283a3bc9d1965b7fd7a06b7916a4f525bfa75 Mon Sep 17 00:00:00 2001
From: Taha Ali <123803932+tahaali-dev@users.noreply.github.com>
Date: Wed, 12 Feb 2025 02:09:03 +0530
Subject: [PATCH] Ui Fixes Teams  Setting #8347 (#8353)

* [Bug] UI: Newly created key does not display on the View Key Page (#8039)

- Fixed issue where all keys appeared blank for admin users.
- Implemented filtering of data via team settings to ensure all keys are displayed correctly.

* Fix:
- Updated the validator to allow model editing when `keyTeam.team_alias === "Default Team"`.
- Ensured other teams still follow the original validation rules.

* - added some classes in global.css
- added text wrap in output of request,response and metadata in index.tsx
- fixed styles of table in table.tsx

* - added full payload when we open single log entry
- added Combined Info Card in index.tsx

* fix: keys not showing on refresh for internal user

* fix: btns and input fix
---
 .../src/components/team/team_info.tsx            | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/team/team_info.tsx b/ui/litellm-dashboard/src/components/team/team_info.tsx
index bfb243637ee..cbcdde89da1 100644
--- a/ui/litellm-dashboard/src/components/team/team_info.tsx
+++ b/ui/litellm-dashboard/src/components/team/team_info.tsx
@@ -492,14 +492,12 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
             <Card>
               <div className="flex justify-between items-center mb-4">
                 <Title>Team Settings</Title>
-                {canEditTeam && (
-                  <Button 
-                    type="primary"
-                    className="bg-blue-500"
+                {(canEditTeam && !isEditing) && (
+                  <TremorButton 
                     onClick={() => setIsEditing(true)}
                   >
                     Edit Settings
-                  </Button>
+                  </TremorButton>
                 )}
               </div>
 
@@ -524,7 +522,7 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                     name="team_alias"
                     rules={[{ required: true, message: "Please input a team name" }]}
                   >
-                    <Input />
+                    <Input type=""/>
                   </Form.Item>
                   
                   <Form.Item label="Models" name="models">
@@ -592,9 +590,9 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                     <Button onClick={() => setIsEditing(false)}>
                       Cancel
                     </Button>
-                    <Button type="primary" htmlType="submit" className="bg-blue-500">
+                    <TremorButton>
                       Save Changes
-                    </Button>
+                    </TremorButton>
                   </div>
                 </Form>
               ) : (
@@ -628,7 +626,7 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                   </div>
                   <div>
                     <Text className="font-medium">Budget</Text>
-                    <div>Max: ${info.max_budget || 'Unlimited'}</div>
+                      <div>Max: {info.max_budget !== null ? `$${info.max_budget}` : 'No Limit'}</div>
                     <div>Reset: {info.budget_duration || 'Never'}</div>
                   </div>
                   <div>