phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

ui - set selected alerts

Browse source
This commit is contained in:
Ishaan Jaff 2024-04-18 08:52:55 -07:00
parent a8e2ef79ef
commit b7393eb549
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -36,6 +36,7 @@ const Settings: React.FC<SettingsPageProps> = ({
const [isModalVisible, setIsModalVisible] = useState(false); const [isModalVisible, setIsModalVisible] = useState(false);
const [form] = Form.useForm(); const [form] = Form.useForm();
const [selectedCallback, setSelectedCallback] = useState<string | null>(null); const [selectedCallback, setSelectedCallback] = useState<string | null>(null);
const [selectedAlertValues, setSelectedAlertValues] = useState([]);
useEffect(() => { useEffect(() => {
if (!accessToken || !userRole || !userID) { if (!accessToken || !userRole || !userID) {
@ -59,6 +60,12 @@ const Settings: React.FC<SettingsPageProps> = ({
setSelectedCallback(null); setSelectedCallback(null);
}; };
const handleChange = (values) => {
setSelectedAlertValues(values);
// Here, you can perform any additional logic with the selected values
console.log('Selected values:', values);
};
const handleSaveChanges = (callback: any) => { const handleSaveChanges = (callback: any) => {
if (!accessToken) { if (!accessToken) {
return; return;
@ -68,8 +75,14 @@ const Settings: React.FC<SettingsPageProps> = ({
Object.entries(callback.variables).map(([key, value]) => [key, (document.querySelector(`input[name="${key}"]`) as HTMLInputElement)?.value || value]) Object.entries(callback.variables).map(([key, value]) => [key, (document.querySelector(`input[name="${key}"]`) as HTMLInputElement)?.value || value])
); );
console.log("updatedVariables", updatedVariables);
console.log("updateAlertTypes", selectedAlertValues);
const payload = { const payload = {
environment_variables: updatedVariables, environment_variables: updatedVariables,
general_settings: {
alert_types: selectedAlertValues
}
}; };
try { try {
@ -177,6 +190,7 @@ const Settings: React.FC<SettingsPageProps> = ({
style={{ width: '100%' }} style={{ width: '100%' }}
placeholder="Select Alerting Types" placeholder="Select Alerting Types"
optionLabelProp="label" optionLabelProp="label"
onChange={handleChange}
defaultValue={callback.alerting_types} defaultValue={callback.alerting_types}
> >
{callback.alerting_types.map((type: string) => ( {callback.alerting_types.map((type: string) => (