fix(ui): TE-2647 anomaly list filter with multiple alert fix

Author: nalin-patidar

thirdeye-ui/src/app/pages/anomalies-all-page/anomalies-all-page.component.tsx

@@ -77,9 +77,9 @@ export const AnomaliesAllPage: FunctionComponent = () => {
     const anomalyFilters = useMemo(() => {
         const params: GetAnomaliesProps = {};
         if (searchParams.has(AnomalyFilterQueryStringKey.ALERT)) {
-            params.alertId = parseInt(
-                searchParams.get(AnomalyFilterQueryStringKey.ALERT) || ""
-            );
+            const alertIds =
+                searchParams.getAll(AnomalyFilterQueryStringKey.ALERT) || [];
+            params.alertIds = alertIds.map((id) => parseInt(id));
         }
 
         if (searchParams.has(AnomalyFilterQueryStringKey.DATASET)) {

thirdeye-ui/src/app/rest/anomalies/anomalies.rest.ts

@@ -35,6 +35,7 @@ export const getAnomaly = async (id: number): Promise<Anomaly> => {
 
 export const getAnomalies = async ({
     alertId,
+    alertIds,
     startTime,
     endTime,
     dataset,
@@ -47,6 +48,9 @@ export const getAnomalies = async ({
     if (alertId) {
         queryParams.set("alert.id", alertId.toString());
     }
+    if (alertIds) {
+        queryParams.set("alert.id", `[in]${alertIds.join(",")}`);
+    }
 
     if (startTime) {
         queryParams.set("startTime", `[gte]${startTime}`);

thirdeye-ui/src/app/rest/anomalies/anomaly.interfaces.ts

@@ -32,6 +32,7 @@ export interface GetAnomalies extends ActionHook {
 
 export interface GetAnomaliesProps {
     alertId?: number | string;
+    alertIds?: number[] | string[];
     startTime?: number;
     endTime?: number;
     dataset?: string;