From 557d45b4ec654b67221d7c39966a6dd9c09a4985 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 25 Apr 2024 16:15:39 -0700
Subject: [PATCH] ui - polish alerts screen

---
 ui/litellm-dashboard/src/components/settings.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/settings.tsx b/ui/litellm-dashboard/src/components/settings.tsx
index b74582f67..125bd18a7 100644
--- a/ui/litellm-dashboard/src/components/settings.tsx
+++ b/ui/litellm-dashboard/src/components/settings.tsx
@@ -322,7 +322,15 @@ const Settings: React.FC<SettingsPageProps> = ({
           <TabPanel>
 
           <Card>
+            <Text className="my-2">Alerts are only supported for Slack Webhook URLs. Get your webhook urls from <a href="https://api.slack.com/messaging/webhooks" target="_blank" style={{color: 'blue'}}>here</a></Text>
         <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeaderCell></TableHeaderCell>
+            <TableHeaderCell></TableHeaderCell>
+            <TableHeaderCell>Slack Webhook URL</TableHeaderCell>
+          </TableRow>
+        </TableHead>
           
         <TableBody>
           {Object.entries(alerts_to_UI_NAME).map(([key, value], index) => (
@@ -359,11 +367,7 @@ const Settings: React.FC<SettingsPageProps> = ({
           </TabPanels>
           </TabGroup>
 
-        
-
-
-        
-        
+      
       </Grid>
 
       <Modal