From dbe3cf81ebc86c6af3c88d7e9e779c4363243bdc Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Sat, 13 Apr 2024 17:24:31 -0700
Subject: [PATCH] fix - show default langfuse host value

---
 .../src/components/settings.tsx               | 34 +++++++------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/settings.tsx b/ui/litellm-dashboard/src/components/settings.tsx
index 28e273d21..25ccb5070 100644
--- a/ui/litellm-dashboard/src/components/settings.tsx
+++ b/ui/litellm-dashboard/src/components/settings.tsx
@@ -147,8 +147,6 @@ const Settings: React.FC<SettingsPageProps> = ({
               <TableRow>
                 <TableHeaderCell>Callback</TableHeaderCell>
                 <TableHeaderCell>Callback Env Vars</TableHeaderCell>
-                <TableHeaderCell></TableHeaderCell>
-                {/* <TableHeaderCell>Test Callback</TableHeaderCell> */}
               </TableRow>
             </TableHead>
             <TableBody>
@@ -159,29 +157,22 @@ const Settings: React.FC<SettingsPageProps> = ({
       </TableCell>
       <TableCell>
         <ul>
-          {Object.entries(callback.variables).map(([key, value]) => (
-            <li key={key}>
-              <Text>{key}</Text>
-              <TextInput
-                name={key}
-                defaultValue={value as string}
-                type="password"
-              />
-            </li>
-          ))}
+        {Object.entries(callback.variables).map(([key, value]) => (
+  <li key={key}>
+    <Text className="mt-2">{key}</Text>
+    {key === "LANGFUSE_HOST" ? (
+      <p>default value="https://cloud.langfuse.com"</p>
+    ) : (
+      <div></div>
+    )}
+    <TextInput name={key} defaultValue={value as string} type="password" />
+  </li>
+))}
         </ul>
         <Button className="mt-2" onClick={() => handleSaveChanges(callback)}>
           Save Changes
         </Button>
-      </TableCell>
-
-      <TableCell>
-        
-        
-      </TableCell>
-      <TableCell>
-        
-        <Button onClick={() => serviceHealthCheck(accessToken, callback.name)}>
+        <Button onClick={() => serviceHealthCheck(accessToken, callback.name)} className="mx-2">
           Test Callback
         </Button>
       </TableCell>
@@ -192,6 +183,7 @@ const Settings: React.FC<SettingsPageProps> = ({
             <Button size="xs" className="mt-2" onClick={handleAddCallback}>
               Add Callback
             </Button>
+            
         </Card>
         
       </Grid>