From 40ae95163461280b91bb414d70a9b087623f2ad7 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Mon, 22 Apr 2024 13:34:23 -0700
Subject: [PATCH] ui - cleanup input text boxes

---
 ui/litellm-dashboard/src/components/create_user_button.tsx | 4 ++--
 ui/litellm-dashboard/src/components/teams.tsx              | 3 ++-
 ui/litellm-dashboard/src/components/view_users.tsx         | 3 ++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/create_user_button.tsx b/ui/litellm-dashboard/src/components/create_user_button.tsx
index b3fbfd5d77a..c0332b35c02 100644
--- a/ui/litellm-dashboard/src/components/create_user_button.tsx
+++ b/ui/litellm-dashboard/src/components/create_user_button.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { Button, Modal, Form, Input, message, Select, InputNumber } from "antd";
-import { Button as Button2, Text } from "@tremor/react";
+import { Button as Button2, Text, TextInput } from "@tremor/react";
 import { userCreateCall, modelAvailableCall } from "./networking";
 const { Option } = Select;
 
@@ -94,7 +94,7 @@ const Createuser: React.FC<CreateuserProps> = ({ userID, accessToken, teams }) =
           labelAlign="left"
         >
           <Form.Item label="User Email" name="user_email">
-            <Input placeholder="Enter User Email" />
+            <TextInput placeholder="" />
           </Form.Item>
           <Form.Item label="Team ID" name="team_id">
           <Select
diff --git a/ui/litellm-dashboard/src/components/teams.tsx b/ui/litellm-dashboard/src/components/teams.tsx
index 26c5c9bac9c..3cafe126738 100644
--- a/ui/litellm-dashboard/src/components/teams.tsx
+++ b/ui/litellm-dashboard/src/components/teams.tsx
@@ -20,6 +20,7 @@ import {
   TableHead,
   TableHeaderCell,
   TableRow,
+  TextInput,
   Card,
   Icon,
   Button,
@@ -480,7 +481,7 @@ const handleEditSubmit = async (formValues: Record<string, any>) => {
                   name="team_alias"
                   rules={[{ required: true, message: 'Please input a team name' }]}
                 >
-                  <Input />
+                  <TextInput placeholder="" />
                 </Form.Item>
                 <Form.Item label="Models" name="models">
                   <Select2
diff --git a/ui/litellm-dashboard/src/components/view_users.tsx b/ui/litellm-dashboard/src/components/view_users.tsx
index d9fa5f78445..192ff490a1b 100644
--- a/ui/litellm-dashboard/src/components/view_users.tsx
+++ b/ui/litellm-dashboard/src/components/view_users.tsx
@@ -21,7 +21,8 @@ import {
   SelectItem,
   Dialog, 
   DialogPanel,
-  Icon
+  Icon,
+  TextInput,
 } from "@tremor/react";
 import { userInfoCall, adminTopEndUsersCall } from "./networking";
 import { Badge, BadgeDelta, Button } from "@tremor/react";