From 29b1002b3bf98d3a7bb940a2c00a8078236c925e Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Wed, 17 Apr 2024 21:26:37 -0700
Subject: [PATCH] ui - view and set alerting types

---
 .../src/components/settings.tsx                | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/settings.tsx b/ui/litellm-dashboard/src/components/settings.tsx
index c7c60bb448..8ef7b052cb 100644
--- a/ui/litellm-dashboard/src/components/settings.tsx
+++ b/ui/litellm-dashboard/src/components/settings.tsx
@@ -169,6 +169,24 @@ const Settings: React.FC<SettingsPageProps> = ({
   </li>
 ))}
         </ul>
+        {callback.alerting_types && (
+          <div>
+            <Text className="mt-2">Alerting Types</Text>
+            <Select
+              mode="multiple"
+              style={{ width: '100%' }}
+              placeholder="Select Alerting Types"
+              optionLabelProp="label"
+              defaultValue={callback.alerting_types}
+            >
+              {callback.alerting_types.map((type: string) => (
+                <Select.Option key={type} value={type} label={type}>
+                  {type}
+                </Select.Option>
+              ))}
+            </Select>
+          </div>
+        )}
         <Button className="mt-2" onClick={() => handleSaveChanges(callback)}>
           Save Changes
         </Button>