updated response for monitor incidents with error reason

Author: TeisNP

apps/dashboard/src/api/endpoints/incidents/incidents.ts

@@ -40,12 +40,34 @@ export async function getIncidents(
 }
 
 
+export interface MonitorIncident {
+  id: string;
+  teamId: number;
+  monitorId: number;
+  title: string;
+  description: string;
+  createdAt: string;
+  updatedAt: string;
+  property: string;
+  target: string;
+  operator: string;
+}
+
+/*
+  Get Team Incidents
+*/
+
+export interface GetMonitorIncidentsResponse {
+  incidents: MonitorIncident[];
+}
+
+
 export async function getMonitorIncidents(
   teamId: number,
   monitorId: number,
   offset?: number,
   limit?: number,
-): Promise<GetIncidentsResponse> {
+): Promise<GetMonitorIncidentsResponse> {
   const response = await client.get(`/v1/teams/${teamId}/incidents/monitor/${monitorId}`,
     {
         params: {

apps/dashboard/src/pages/Dashboard/Incidents/components/IncidentsList.tsx

@@ -11,10 +11,10 @@ import {
 import { FunctionComponent } from "react";
 import { IoOpenOutline, IoStatsChart } from "react-icons/io5";
 import { useNavigate } from "react-router-dom";
-import { Incident } from "../../../../../src/api/endpoints/incidents";
+import { MonitorIncident } from "../../../../../src/api/endpoints/incidents";
 
 interface MonitorIncidentPageIncidentsListProps {
-  incidents?: Incident[]; 
+  incidents?: MonitorIncident[]; 
 }
 
 const IncidentPageIncidentsList: FunctionComponent<
@@ -32,7 +32,7 @@ MonitorIncidentPageIncidentsListProps
 };
 
 interface IncidentsListItemProps {
-  incident: Incident;
+  incident: MonitorIncident;
 }
 
 const IncidentsListItem: FunctionComponent<IncidentsListItemProps> = (
@@ -65,7 +65,7 @@ const IncidentsListItem: FunctionComponent<IncidentsListItemProps> = (
           >
             <Grid item>
               <Stack spacing={1}>
-                <Typography variant="body2">{incident.title}</Typography>
+                <Typography variant="body2">ERROR: {incident.title} {incident.operator} {incident.target}</Typography>
 
                 <Stack direction="row" spacing={1}>
                   <Chip size="small" label="api" color="info" />