scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-10 03:28:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 84

ui - switch alerts on / off

Browse source
This commit is contained in:
Ishaan Jaff 2024-04-25 16:00:42 -07:00
parent 0c89bdf483
commit 6b125a99de
1 changed files with 22 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ui/litellm-dashboard/src/components/settings.tsx
View file

@ -53,13 +53,15 @@ const Settings: React.FC<SettingsPageProps> = ({
const [selectedAlertValues, setSelectedAlertValues] = useState([]);
const [catchAllWebhookURL, setCatchAllWebhookURL] = useState<string>("");
const [alertToWebhooks, setAlertToWebhooks] = useState<any[]>([]);
const [activeAlerts, setActiveAlerts] = useState<string[]>([]);
const [isAlertOn, setIsAlertOn] = useState<Record<string, boolean>>({}); // alert_name: boolean
const handleSwitchChange = (value: boolean) => {
//setIsAlertOn(value);
const handleSwitchChange = (alertName: string) => {
if (activeAlerts.includes(alertName)) {
setActiveAlerts(activeAlerts.filter((alert) => alert !== alertName));
} else {
setActiveAlerts([...activeAlerts, alertName]);
}
};
const alerts_to_UI_NAME: Record<string, string> = {
"llm_exceptions": "LLM Exceptions",
@ -85,8 +87,12 @@ const Settings: React.FC<SettingsPageProps> = ({
console.log("_alert_info", _alert_info);
let catch_all_webhook = _alert_info.variables.SLACK_WEBHOOK_URL;
console.log("catch_all_webhook", catch_all_webhook);
let active_alerts = _alert_info.active_alerts;
setActiveAlerts(active_alerts);
setCatchAllWebhookURL(catch_all_webhook);
setAlertToWebhooks(_alert_info.alerts_to_webhook);
}
}
@ -94,6 +100,11 @@ const Settings: React.FC<SettingsPageProps> = ({
});
}, [accessToken, userRole, userID]);
const isAlertOn = (alertName: string) => {
return activeAlerts && activeAlerts.includes(alertName);
}
const handleAddCallback = () => {
console.log("Add callback clicked");
setIsModalVisible(true);
@ -127,12 +138,15 @@ const Settings: React.FC<SettingsPageProps> = ({
});
console.log("updatedAlertToWebhooks", updatedAlertToWebhooks);
const payload = {
general_settings: {
alert_to_webhook_url: updatedAlertToWebhooks,
alert_types: activeAlerts
},
};
console.log("payload", payload);
try {
setCallbacksCall(accessToken, payload);
@ -323,8 +337,8 @@ const Settings: React.FC<SettingsPageProps> = ({
<Switch
id="switch"
name="switch"
// checked={isSwitchOn}
onChange={handleSwitchChange}
checked={isAlertOn(key)}
onChange={() => handleSwitchChange(key)}
/>
</TableCell>
<TableCell>